webpack 相关插件及作用:
插件 | 默认启用 | 作用 |
---|---|---|
UglifyJsPlugin | production模式时 | 压缩代码、 |
DefinePlugin | 创建全局常量用于编译时解析 | |
NoEmitOnErrorsPlugin | production模式时 | 如果没有使用NoEmitOnErrorsPlugin,当发生错误时,就会重载一个有错误信息的页面,把用户的屏幕搞花。 使用NoEmitOnErrorsPlugin插件,就不会加载这个页面了,错误信息只是在控制台中输出 |
ModuleConcatenationPlugin | production模式时 | Webpack默认将每一个模块包装在独立的闭包函数中,这个包装函数使得javascript的执行稍微变慢了一点; ModuleConcatenationPlugin让输出的打包在一个作用域(闭包函数)里了,更少的函数意味着更少的运行时开销。 |
NamedModulesPlugin | development模式时 | 能看到替换模块的相对路径,而不是模块 id |
NamedChunksPlugin | development模式时 | 让chunks有名字,而不是chunks id |