Webpack Mode的概念与用法 开发模式和生产模式分别使用了哪些plugin

目录

• Mode
  • mode 内置函数与功能

 

Mode

Mode 用于指定当前的构建环境是 production、development 还是 none
设置 mode 可以使用 webpack 内置的函数
mode 的默认值为 production
设置了 mode 之后会对应执行开发/生成环境具有的一些插件与功能，如果设置成 none,那么 webpack 什么都不会帮你做

mode 内置函数与功能

development

设置 process.env.NODE_ENV 的值为 development,
内含插件:
NamedChunksPlugin
NamedModulesPlugin

主要用于热更新HMR,打印是哪个模块发生了热更新以及热更新的文件路径

production

设置process.env.NODE_ENV的值为production
开启
FlagDependencyUsagePlugin
FlagIncludedChunksPlugin
ModuleConcatenationPlugin
NoEmitOnErrorPlugin,
OccurrenceOrderPlugin
sideEffectsFlagPlugin
TerserPlugin

默认对打包文件进行代码压缩、消除副作用等处理

none

不开启任何选项