vue项目chunk.js太大导致页面加载超时
一、问题 最近做了一个vue项目,打包后部署到nginx,页面访问时一直停留在加载页面,浏览器调试观察到chunk开头的多个js文件加载时间超过了30s还没有加载完,js文件大小有20多Mb 二、解决方案 2.1 安装插件 执行如下命令 npm install --save-dev webpack-bundle-analyzer npm install babel-plugin-component -D 2.2 修改配置 先引入依赖 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer') const CompressionWebpackPlugin = require('compression-webpack-plugin') 新增这两个插件,webpack-bundle-analyzer用于优化打包体积和依赖关系,compression-webpack-plugin静态资源进行 Gzip/Brotli 压缩 在configureWebpack配置项的plugins新增这两个插件配置 plugins: ....