代码之家 › 专栏 › 技术社区 › Polygon Pusher

使用mode和webpack.environmentplugin是否多余?

webpack-4 webpack

Polygon Pusher · 技术社区 · 7 年前

试图理解什么 webpack.EnvironmentPlugin 是为了我。

正在使用 mode 和 webpack.environmentplugin 冗余?

工业工程

module.exports = merge(webpackCommonConfig, {
  mode: 'development',
  ...
  plugins: [
    new webpack.EnvironmentPlugin({ NODE_ENV: 'development' }),
  ],
  ...
});

TLDR编号: 这个例子的简短回答是:是的,它是多余的。

长话短说:除了说模式正在改变node_env的env var之外,还有很多事情要做。而在表面看起来 new webpack.EnvironmentPlugin({ NODE_ENV: 'development' }) 只是在运行时。

1 回复 | 直到 7 年前

Legends 6 年前

是的,仅适用于此特定用例!

TL;博士;

--mode development 自动设置: process.env.NODE_ENV 重视 development

--mode production 自动设置: 进程环境节点环境 重视 production

不需要添加以下插件: new webpack.EnvironmentPlugin({ NODE_ENV: 'development' }),

这就是只有设置为冗余 ,因为 NODE_ENV: 'development|production' 将在使用时自动设置 --mode 啊!

如果你不设定 --模式 它将自动默认为 生产 啊!

继续读下去看看为什么 --模式 实际上并不是多余的,它实际上在引擎盖下做什么:

如果你设置了 --模式 到 生产 或 发展 以下内容:

模式:开发

套 进程环境节点环境 重视 发展 是的。

使能够:
NamedChunksPlugin
和 NamedModulesPlugin 是的。

模式:生产

套 进程环境节点环境 重视 生产 是的。

使能够:
FlagDependencyUsagePlugin 我是说,
FlagIncludedChunksPlugin 我是说,
ModuleConcatenationPlugin ,请
NoEmitOnErrorsPlugin 我是说, OccurrenceOrderPlugin 我是说,
SideEffectsFlagPlugin
和 UglifyJsPlugin 是的。

--模式 向编译过程中添加不同的插件,具体取决于为 mode 是的。

>> Reference

请记住,设置node_env不会自动设置模式

推荐文章

Guillaume Harari · 根据开发或产品环境加载css

7 年前

Max Silva · 无法使用vuejs2和webpack嵌入自定义字体

7 年前

Fered · Npm、Dev dependecy或dependecy,当使用webpack等将所有内容打包到一个脚本中时?

7 年前

Carlo · 如何使用Webpack 4仅在某些模块中导入jQuery?

7 年前

zh-mskl9 · Pug+Web包开发服务器

7 年前

Mizlul · 无法解析“css加载程序!”!自动刷新器加载程序'

7 年前

Aleksandr Gvozdev · 模拟'fs。readdirSync`节点。无递归的js

7 年前

jonnyg · 如何在docker文件中获取我可用的docker环境变量?(使用React/JS/webpack)

7 年前

Boris K · 将Extract Text Webpack插件与Vue CLI 3配合使用

7 年前

IsraGab · 使用webpack从angularjs模块加载特定指令

7 年前