【taro react】---- 解决开发环境微信小程序由于主包体积过大不能预览问题

1. 开发环境代码包大小

输入图片说明

注意:可以看到此时主包加分包将近 5MB,上传预览将会超出限制!!!

2. 预览结果

输入图片说明

报错:代码包大小超过限制,主包资源近3MB,限制最大2MB!!!

3. 解决办法

  1. 使用webpack的压缩插件,在开发环境编译的时候进行压缩;
  2. 进行分包处理,同时依赖也进行分包处理;

4. 代码压缩配置

4.1 配置代码

./config/dev.js

module.exports = {
  env: {
    NODE_ENV: '"development"'
  },
  defineConstants: {
  },
  mini: {
    webpackChain: (chain, webpack) => {
      // 体验环境压缩
      chain.merge({
        plugin: {
       

猜你喜欢

转载自blog.csdn.net/m0_38082783/article/details/130745836
今日推荐