webpack4配置详解之常用插件分享 (4)

plugins:[ new BundleAnalyzerPlugin({...}) //默认配置就很好了，能满足我们的要求 ] 常用的几个插件地址汇总：

mini-css-extract-plugin 样式提取插件

optimize-css-assets-webpack-plugin 样式优化压缩/配合添加前缀等

html-webpack-plugin 生成入口文件，并注入依赖

uglifyjs-webpack-plugin js压缩

preload-webpack-plugin 资源预加载

webpack-bundle-analyzer 可视化编译分析

copy-webpack-plugin 文件拷贝

BannerPlugin 给文件开头处添加注释

typings-for-css-modules-loader

awesome-typescript-loader

结尾：

完整配置示例

　　以上就是今天为大家整理的几个项目中常用的插件，可能有些地方理解的不是特别到位，欢迎大家补充，同时我也给大家准备了一个整合后完整的webpack配置的示例，如有兴趣可自行测试。

　　下一期计划跟大家一起分享“React如何封装一个组件”（或者说沉淀一个组件库）来简单实战一下react如何上手？欢迎持续关注，如觉得不错记得点个赞哦，当然您能动动手指关注下方公众号就更棒了，谢谢支持！

热门推荐

面对裁员，我们能做些什么？

小程序项目如何设置资源的防盗链～

webpack4配置详解之常用插件分享