我有一个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'
)]
};