7 webpack 配置

配置(configuration)

webpack 的配置文件，是导出一个JS对象的 JavaScript 文件，该文件会被NodeJs运行

 

基本配置

如下是webpack配置的示例

webpack.config.js

var path = require('path');

 

module.exports = {

  mode: 'development',

  entry: './foo.js',

  output: {

    path: path.resolve(__dirname, 'dist'),

    filename: 'foo.bundle.js'

  }

};

 

导出一个函数

webpack配置导出一个js对象，但你也可以导出一个函数。该函数在调用时，可传入两个参数：

参数1：环境对象(environment)。有关语法示例，请查看CLI 文档的环境选项。

参数2：一个选项 map 对象（argv），这个对象描述了传递给 webpack 的选项，并且具有 output-filename 和 optimize-minimize 等 key。

-module.exports = {

+module.exports = function(env, argv) {

+  return {

+    mode: env.production ? 'production' : 'development',

+    devtool: env.production ? 'source-maps' : 'eval',

     plugins: [

       new webpack.optimize.UglifyJsPlugin({

+        compress: argv['optimize-minimize'] // 只有传入 -p 或 --optimize-minimize

       })

     ]

+  };

};