uni-app圖片分包加載的優化(有誤待修改...)

小程序中使用大量的圖片會增大主包代碼的體積，全部放到服務器上也不現實，如果把圖片放在分包裏面，就可以解決主包過大的問題;

原文章鏈接：https://ask.dcloud.net.cn/question/68773

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

分包內引用圖片

編輯後看到這樣就成功了