如何使用webpack ManifestPlugin为2个入口点的React项目创建2个不同manifest.json文件?

时间:2019-06-20 13:02:24

标签: reactjs webpack bundle manifest

我有一个react项目,其中包含两个带有2个入口点的模块。我已经配置了Web Pack,以便在如下所示的输出文件夹中创建两个包(js)。

dist 
   - Project Output 1
      - index.js
      - index.html
      _ manifest.json

   - Project Output 1
      - index.js
      - index.html
      - manifest.json

我使用块为每个捆绑包创建了单独的index.html。同样,我需要为每个捆绑包创建单独的清单文件。需要帮助。到目前为止,我已经尝试在清单插件中使用filter和map,但是两个生成的清单文件都包含两个包的信息。

项目包1和2的manifest.json都包含如下相同的信息。

{
   //What is not intended
   "path1/index.js": "path1/index.1234567890.js",
   "path2/index.js": "path2/index.1234567890.js",
}

但是我想要的是每个清单文件仅包含有关该捆绑包的信息,如下所示。

manifest.json-项目包1

{
   "path1/index.js": "path1/index.1234567890.js",
}

manifest.json-项目包2

{
   "path2/index.js": "path2/index.1234567890.js",
}

我的Web Pack配置如下所示。

const config = {  
  entry: {
    ProjectOutput1: PATH1/index.jsx,
    ProjectOutput2: PATH2/index.jsx,   
  },   
  output: {
    filename: '[name]/index.js'   
  }, 
  plugins: [
    new ManifestPlugin(
      fileName: 'path1/manifest.json'
    ),
    new ManifestPlugin(
      fileName: 'path2/manifest.json'
    )]
 };

0 个答案:

没有答案