美文网首页
webpack插件配置及常用插件

webpack插件配置及常用插件

作者: 折梅踏雪 | 来源:发表于2018-04-18 14:37 被阅读0次

config配置类:

1.provide Plugin 

用途:$出现就会自动加载模块;$默认为jquery的exports

2.definePlugin

用途:定义全局插件

3,ignorePlugin

用途:忽略regExg匹配的模块

4,ExtractTextPlugin

用途:分离css文件

5,HtmlWebpackPlugin

用途:重构入口html,动态添加<link>和<script>,在以hash命名的文件上非常有用,因为每次编译都会改变

optimize类

1,UglifyJsPlugin

js压缩

2,OccurrenceOrderPlugin

用途:排序输出,通过模块调用次数给模块分配ids,常用的ids就会分配更短的id,使ids可预测,减小文件大小,推荐使用

3,CommonsChunkPlugin

用途:合并公共模块为单独文件,比如全局通用的js等,长期不会修改的,从而可以从缓存中取,优化网页性能

相关文章

网友评论

      本文标题:webpack插件配置及常用插件

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