webpack 打包常用
2020-07-22 本文已影响0人
zhulichao
> webpack.optimize.CommonsChunkPlugin 分离应用和第三方
> webpack.optimize.UglifyJsPlugin 清除打包后文件中的注释和copyright
> webpack.optimize.DedupePlugin 保证重复的代码不被打包到bundle文件
> extract-text-webpack-plugin 独立打包样式
> optimize-css-assets-webpack-plugin css去重
> html-webpack-plugin 根据模板创建html入口文件，为引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题
> require.ensure 代码分割，可跟react-router的getComponent配合使用
常用loader：style-loader、css-loader、less-loader、url-loader、file-loader、babel-loader、react-hot
