
vue优化
圣京都
自由 博爱 友爱 公平 共享
展开
-
优化vue项目打包的chunk.js 和 chunk-vonder.js
1 将chunk-vonder.js 拆解处理 1.1 修改vue.config.js configureWebpack: config => { // chunk-vonder.js 分割 let optimization = { runtimeChunk: 'single', splitChunks: { chunks: 'all', maxInitialRequests: Infinity,原创 2021-10-15 15:48:52 · 3685 阅读 · 0 评论 -
vue-cli3以上使用CDN 降低 build后 chunk-vendors.js的大小
目前以 echart为例子 参考资料1 1 导入cdn echartd的cdn 在public文件下的index.html加下面这句话 <script crossorigin="anonymous" integrity="sha512-q0nIjE1LHEOioBDYuyhml+xxTm+ftiPuzdWgEgwq5g3YAZ5CWDmjDUs4t7pFeWnvFQe7eLQg/+PepPbacIDtkA==" src="https://lib.baomitu.com/echarts/4.9.原创 2021-01-07 14:08:47 · 1764 阅读 · 10 评论 -
vue项目中开启gzip压缩,优化打包
1.安装包 最新版本可能会出现 Cannot read property ‘tapPromise’ of undefined的报错 npm i compression-webpack-plugin@5.0.1 2.修改vue.config.js配置文件,如果没有vue.config.js,在根目录自己创建一个,下面是配置文件的代码 const webpack = require('webpack') const CompressionWebpackPlugin = require('compressi原创 2020-12-25 15:53:33 · 931 阅读 · 14 评论