美文网首页
浅析 Webpack 打包输出内容

浅析 Webpack 打包输出内容

作者: __越过山丘__ | 来源:发表于2019-03-09 15:52 被阅读0次

提供 mode 配置选项,告知 webpack 使用相应环境的内置优化。
string
可能的值有:none, developmentproduction(默认)。

用法1:配置对象中提供mode选项

module.exports = {
  mode: 'production'
};

用法2:从CLI参数中传递:

webpack --mode=production

如果要根据 webpack.config.js 中的 mode 变量更改打包行为,则必须将配置导出为一个函数,而不是导出为一个对象:

var config = {
  entry: './app.js'
  //...
};

module.exports = (env, argv) => {

  if (argv.mode === 'development') {
    config.devtool = 'source-map';
  }

  if (argv.mode === 'production') {
    //...
  }

  return config;
};

相关文章

网友评论

      本文标题:浅析 Webpack 打包输出内容

      本文链接:https://www.haomeiwen.com/subject/ubospqtx.html