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中的內容注釋了，然后就行了，我也不知道怎么回事，有哪位仁兄遇到過類似的情況解答一下撒？？？