Typescript 一个项目有多个 package.json 文件

好吧，经过更多的研究，我偶然发现了Lerna个，这基本上可以让我做我想做的事(根据我目前所看到的).它需要特定的项目树设置，如下所示:

project_root/
  node_modules/
  packages/
    components/ // Components shared between projects
      components/
       MyComponent.jsx
      index.jsx

  legacy/
     output/
      build.js // React 0.14 build
     node_modules/
     package.json // project specific dependencies
     index.jsx // project specific entry
     .babelrc

  modern/
     output/
      build.js // React 16 build
     node_modules/
     package.json // project specific dependencies
     index.jsx // project specific entry
     .babelrc

  package.json // contains devDependencies shared between projects
  lerna.json
  webpack.config.js
  index.html

然后，在组件/索引中.jsx I指定了基于全局变量的不同版本需要的命令:

if(PROJECT_SRC == "legacy"){
    React = require('../legacy/node_modules/react');
    ReactDOM = require('../legacy/node_modules/react-dom');
} else {
    React = require('../modern/node_modules/react');
    ReactDOM = require('../modern/node_modules/react-dom');
}

注意:这可能是一种不好的做法，但目前我唯一可以在构建中包含不同版本的React.在整个项目对这个模型进行更改之后，我必须看看这种方法会出现什么问题.

在网页包里.配置.js I配置了两个导出——一个用于modern，一个用于legacy.每个都指向不同的条目索引.jsx文件，使用网页包.DefinePlugin将全局变量设置为"legacy"或"modern"，并指定要解析的公共组件模块的路径:['node_modules', path.resolve(__dirname, 'components')]

网页包.单个项目输出的配置如下所示:

{
        entry: "./packages/legacy/index.jsx",
        target: "web", 
        output: 
        {
            filename: "build.js",
            path: __dirname + "/packages/legacy/dist/",
            libraryTarget: "var",
            library: "lib_name"
        },
        devtool: "source-map",
        resolve: {
            extensions: [".js", ".jsx", ".json"],
            modules: ['node_modules', path.resolve(__dirname, 'components')]
        },
        plugins: plugins_legacy,
        module: {
            loaders: [
                {
                    test: /\.jsx?$/,
                    loader: "babel-loader",
                    exclude: /node_modules/
                }
            ]
        }  
    }

请随意 comments 或指出问题，但我希望这将在future 对某人有所帮助！:)