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

时间:2017-05-18 11:05:44

标签: javascript webpack

我正在使用带有大型配置文件的webpack。要制作捆绑包,我只需输入" webpack"在app文件夹中,一切正常。

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

>webpack input_path output_path

其中input_path和output_path只是占位符。

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

1 个答案:

答案 0 :(得分:0)

Plz查看webpack客户端(CLI)上的文档 https://webpack.js.org/api/cli/

//使用配置文件。 //i.e。 webpack.config.js

webpack [--config webpack.config.js] 

//没有配置文件的用法:

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

其中,entry是指你的app的入口点。 (我的是/app/index.js) output可以包含outputpath和outputfilename

要提出一个想法,下面是我的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
  }
}

希望这有帮助