uv-ui打包小程序体积较大的问题解决

• 方法一

减少在uni.scss的样式，放入app.vue中。uni.scss的样式会导入uview每一个组件的scss中

• 方法二

就小程序而言，拆包，效果不是很好，但因为uv-ui打包都会打进入口文件，所以几乎不会有大小变化

对于小程序的打包优化：

• 拆包
• 少用第三方插件，一些组件自己写
• hbuilderX启动微信开发者工具的时候 点击运行时压缩后再启动（亲测有效）

有时候拆包也不行
这个方法更多地是对于页面过多或static图片资源过多的情况有用。此项目也进行了分包，但这个并未解决打包后vendor过大的问题。

• 开启生产环境gzip，vendor.js从2.5M减少到440k

如何开启，使用compression-webpack-plugin

vue.config.js:

const CompressionWebpackPlugin = require('compression-webpack-plugin')
const productionGzipExtensions = ['js', 'css']

configureWebpack: {
    plugins: [
          new CompressionWebpackPlugin({
            filename: '[path].gz[query]',
            algorithm: 'gzip',
            test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),//匹配文件名
            threshold: 10240,//对10K以上的数据进行压缩
            minRatio: 0.8,
            deleteOriginalAssets:false,//是否删除源文件
          })
        ]}
}

参考文章《uniapp微信小程序开发，如何解决打包太大无法预览发布的问题（uview）》