vue项目一些用过的webpack方面的优化

1、Tree-shaking和组件按需引入:通过使用babel-plugin-import，然后配置babellrc，最后将组件库全量引入改成单个引入的方式，使用purgecss-plugin对css文件做treeShaking优化。
2、代码分割和组件的懒加载：通过使用import异步引入组件的形式，webpack会自动将该组件单独打包成一个chunks，当使用到该组件时才会去加载相应的资源，如果是同步引入的代码，则需要修改webpack配置，添加入口文件对某个路径下的文件进行单独打包（例如将node-modules下的资源全部打进单独的vendor中）
3、将图片等资源使用svg-sprit-loaders制作成雪碧图使用
4、安装compression-webpack-plugin插件，打包时开启gzip，并在nginx配置里启用gzip
5、使用postcss-remtopx或者postcss-remtovw,对项目做一个分辨率的自适应，并且修改configureWebpack根据production运行环境才启用，当dev环境时使用px，不使用该plugin做转换。
6、在babel.config.js中的browserlist中配置添加要兼容的浏览器版本

 

(1、第一个接的优化就是修改大屏适配分辨率使用的transform，后来有充足的时间使用postcss-remtovw做整体改造)