javascript - Webpack:使用一个条目生成多个输出

Question

我想生成我的条目文件的多个版本。 IE。 webpack.config.js 包含:

  entry: {
    main: path.resolve('./src/main.js'),
    main2: path.resolve('./src/main.js'),
  },

在 main.js 中，我可以:

if (entryName === 'main') {
  ...
} else if (entryName === 'main2') {
  ...
} 

这可以使用 Webpack 吗？

Answer 1

可以通过使用不同的运行脚本来设置环境变量(使用 cross-env )，该变量在编译时使用 DefinePlugin 插入.

运行脚本:

{
  "scripts": {
    "build:main": "cross-env ENTRY_NAME=main webpack --config webpack.config.js",
    "build:main2": "cross-env ENTRY_NAME=main2 webpack --config webpack.config.js",
    "build": "npm run build:main && npm run build:main2"
  }
}

网页包:

{
  entry: {
    main: path.resolve('./src/main.js')
  },
  plugins: [
    new DefinePlugin({
      ENTRY_NAME: JSON.stringify(process.env.ENTRY_NAME)
    })
  ]
}

应用:

if (ENTRY_NAME === 'main') {
  //...
} else if (ENTRY_NAME === 'main2') {
  //...
}