素材巴巴 > 程序开发 >

vue-cli之build体积加载优化

程序开发 2023-09-09 11:10:02

vue版本

@vue/cli 5.0.4
创建项目使用了vue2
compression-webpack-plugin@3.0.0.0

过程

  1. 未作任何优化,build后:
    在这里插入图片描述
  2. 使用splitChunks后
    在这里插入图片描述
  3. 使用compression-webpack-plugin后
    在这里插入图片描述
    压缩前
    压缩后
yarn add compression-webpack-plugin@3.0.0.0 -D
 
  1. 按需引入element-ui
vue add element
 npm install babel-plugin-component -D

https://www.swvq.com/article/detail/1089
第三方ui库移出去


标签:

上一篇: Office实现文件在线预览 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。