将命令行参数传递给webpack.config.js

JavaScript Webpack

斯丁前端

2020-03-24

我有一个简单的webpack.config.js

module.exports = {
  entry: "./app.js",
  output: {
    filename: "bundle.js"
  },
}

我想通过值entryoutput通过命令行参数。那有可能吗,我该怎么做?

第3728篇《将命令行参数传递给webpack.config.js》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
逆天米亚 2020.03.24

您可以使用argv包并设置变量。您必须先这样做module.export

村村村村 2020.03.24

webpack.config.js也可以导出env函数,该函数可以返回conf对象。因此,您可以使用如下所示的webpack配置:

module.exports = env => {
    return {
        entry: env === "production" ? "./app.js": "app-dev.js",
        output: {
          filename: "bundle.js"
        },
    }
};

然后从命令行(或package.json)调用webpack,如下所示:

webpack --env=production

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android