webpack 性能优化

85 阅读1分钟

压缩代码

删除多余的代码、注释、简化代码的写法,利用webpack的UglifyPlugin和Pa ralleUglifyPlugin压缩JS文件,利用cssnano压缩css

利用CND加速

引用的静态资源路径修改为CDN上对应的路径

Tree Shaking(删除多余代码)

删除多余的代码

Code Splitting(按需加载)

将代码按路由维度或组件块,做到按需加载,同时可以充分利用浏览器缓存

提取公共第三方库

利用SplitrChunksPlugin插件提取公共模块,利用浏览器缓存可以长期缓存无需频繁变动的公共代码