美文网首页
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