语言►nodejs►库►webpack

webpack配置中的mode属性

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/06/18/webpack%E9%85%8D%E7%BD%AE%E4%B8%AD%E7%9A%84mode%E5%B1%9E%E6%80%A7/

摘要

本文主要讲述了：

  1. 作用

正文

作用

选择内建优化模式。

取值范围：

  • none 无
  • development 开发环境
  • production 生产环境

默认值为production

webpack 会将入口文件的process.env.NODE_ENV修改为对应的值，但不会修改webpack.config.js中的process.env.NODE_ENV。

示例：

learn_webpack/webpack.config.js

1
2
3
4
5
6
// 输出：undefined
console.log(process.env.NODE_ENV);
module.exports = {
  mode: 'development',
  entry: './src/main.js',
};

learn_webpack/src/main.js

1
2
// 输出："development"
console.log(process.env.NODE_ENV);

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/06/18/webpack%E9%85%8D%E7%BD%AE%E4%B8%AD%E7%9A%84mode%E5%B1%9E%E6%80%A7/

本文对你有帮助？请支持我

支付宝
微信