uni-app小程序分包图片加载

参考链接：

https://www.cnblogs.com/puerile/p/11892390.html

分包步骤：

在根目录下新建vue.config.js文件

 

 

 js文件内添加内容：

const path = require('path')
// 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, '/')
        }
      ])
    ]
  }
}

2、跟目录执行命令：

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

3、在代码内引入图片路径：

 

 

 这样就成功啦！

分包图片路径如下：

 

 

 

 

 

 这样就OK啦！

但是！！！！我在过程中遇到了这个问题：

 

 

 找了很多方法，最后发现是因为copy-webpack-plugin版本的问题，我之后安装了4.6.0的版本就OK啦！

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

 

然后我在真机调试的时候发现打包了两次，然后我就把vue.config.js中的内容注释了，然后就行了，我也不知道怎么回事，有哪位仁兄遇到过类似的情况解答一下撒？？？