1. 开发环境代码包大小
注意:可以看到此时主包加分包将近 5MB,上传预览将会超出限制!!!
2. 预览结果
报错:代码包大小超过限制,主包资源近3MB,限制最大2MB!!!
3. 解决办法
- 使用webpack的压缩插件,在开发环境编译的时候进行压缩;
- 进行分包处理,同时依赖也进行分包处理;
4. 代码压缩配置
4.1 配置代码
./config/dev.js
module.exports = {
env: {
NODE_ENV: '"development"'
},
defineConstants: {
},
mini: {
webpackChain: (chain, webpack) => {
// 体验环境压缩
chain.merge({
plugin: {