uni-app图片分包加载的优化

小程序中使用大量的图片会增大主包代码的体积，全部放到服务器上也不现实，如果把图片放在分包里面，就可以解决主包过大的问题;

原文章链接：https://www.cnblogs.com/puerile/p/11892390.html

vue.config.js中：

const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')

module.exports = {
  configureWebpack: {
    plugins: [
      new CopyWebpackPlugin([
        {
          from: path.join(__dirname, '/static'),
          to: path.join(__dirname+'/unpackage/', 'dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM, '/')
        }
      ])
    ]
  }
}

命令行中运行下面代码

npm install copy-webpack-plugin --save-dev

分包内引用图片

编辑后看到这样就成功了