Question

我有一个像这样的webpack配置：

module.exports = [
    {
     name: 'build1',
     entry: './src/mebuild.ts'
     output: {
         filename: 'bundle.js'
     }
    },
    {
     name: 'build2',
     entry: './src/mebuild2.ts'
     output: {
         filename: 'bundle2.js'
     }
    }
]

当我运行webpack时，项目构建正常。但是，它会构建两个入口点并将两个构建的bundle文件复制到输出文件夹。有没有办法在构建时指定特定的一个？这样的事情是理想的：

webpack --name build1

但是docs没有关于此的任何信息。有什么建议吗？

Answer 1

webpack.config.js可以导出一个可以从命令行传入参数的函数。

从命令行传递参数：

webpack --env.name=build1

这会将对象传递给webpack.config.js：

{ name: 'build1' }

然后在webpack.config.js：

module.exports = env => {
  const { name } = env;

  return {
    // Rest of config utilizing name
  };
};

Sean Larkin在https://webpack.academy创建的Web Fundamentals课程中描述了这个过程。您需要创建一个帐户才能查看，但它都是免费的。

如何通过命令行指定构建入口点？

1 个答案: