四时宝库

程序员的知识宝库

10、如何利用 webpack 来优化前端性能(高薪常问)

1、压缩代码。uglifyJsPlugin 压缩 js 代码, mini-css-extract-plugin 压缩 css 代码

2、利用 CDN 加速,将引用的静态资源修改为 CDN 上对应的路径,可以利用 webpack 对于 output 参数和loader 的 publicpath 参数来修改资源路径

3、删除死代码(tree shaking),css 需要使用 Purify-CSS

4、提取公共代码。webpack4 移除了 CommonsChunkPlugin (提取公共代码),用optimization.splitChunks 和 optimization.runtimeChunk 来代替

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接