常用得plugins
HtmlWebpackPlugin
这个插件的作用是依据一个简单的index.html模板,生成一个自动引用你打包后的JS文件的新index.html。这在每次生成的js文件名称不同时非常有用(比如添加了hash值)。
Hot Module Replacement
Hot Module Replacement(HMR)也是webpack里很有用的一个插件,它允许你在修改组件代码后,自动刷新实时预览修改后的效果。
CopyWebpackPlugin
用途:将单个文件或整个目录复制到构建目录。
examples:将static文件夹下面所有的文件复制到构建目录
ExtractTextWebpackPlugin
用途:它会将所有的入口 chunk(entry chunks)中引用的*.css,移动到独立分离的 CSS 文件
OptimizeCSSPlugin
用途:它会将在Webpack构建过程中搜索CSS资源,并优化/最小化CSS文件
UglifyJsPlugin
用途:它会将在Webpack构建过程中优化/最小化JS文件
FriendlyErrorsPlugin
用途:识别某些类别的webpack错误,并清理,聚合和优先级,以提供更好的开发人员体验。
想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训,尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习
上一篇: 大数据培训之Storm日志信息查看
下一篇: java培训课程Redis之启动