uni-app微信小程序分包加载图片第一步: 安装该插件.注:必须指定版本号.否则极大可能出异常. 第二步: 在根目录,

前言:因为项目内容比较多,主包的静态资源已经比较拥挤了,但是又不想把静态资源传到网上,所以捣鼓将每个分包自己使用的静态资源存放在自己的分包中.

第一步: 安装该插件.注:必须指定版本号.否则极大可能出异常.

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

第二步: 在根目录,创建一个vue.config.js,并加入以下内容.

注:from: path.join(__dirname, 'pagesD/static/**'),将这一段代码中的pagesD/static替换成你自己的静态文件夹路径.pagesD/static编译时查找的路径相当于/src/pagesD/static;

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

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

这是我的路径对应的文件夹地址:

完