将配置和命令行参数的组合与 webpack 结合使用

Question

我正在使用带有大型配置文件的 webpack。要生成捆绑包，我只需在应用程序文件夹中输入"webpack"，一切正常。

现在我希望仍然能够使用配置文件，但也要在命令行上覆盖输出路径，例如

>webpack input_path output_path

其中input_path和output_path在这里只是占位符。

是否可以使用 webpack.config.js 并通过命令行参数覆盖此配置的部分内容？

Answer 1

请参阅 webpack 客户端 (CLI) 上的文档 https://webpack.js.org/api/cli/

//即 webpack.config.js

webpack [--config webpack.config.js] 

没有配置文件的用法：

webpack <entry> [<entry>] <output>

其中条目是指应用的入口点(我的是/app/index.js) 输出可以包含输出路径和输出文件名

为了给出一个想法，下面是我的 webpack.config.js ：- (对于 es6)

module.exports = {
entry : ['./app/index.js'], //entrypoint
output: {
path: 'D:\js\es6\build',
filename: 'bundle.js'
},
module: {
loaders: [ //specify objects for each loader
{
loader: 'babel-loader' ,
test: /.js$/,
exclude:  /node_modules/, //we dont want to transpile the .js on node_modules
}
]
},
devServer: {
port: 3000,
contentBase: './build',
inline: true, //allows us to run automatic live code update
}
}

希望这有帮助