程序员

uniapp分包图片使用方法

2022-06-20  本文已影响0人  Devin_Yuan

原始uniapp不能将分包页面的静态资源编译到dist下对应的目录,可以使用copy-webpack-plugin解决这个问题

const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
module.exports = {
  configureWebpack: {
    plugins: [
      new CopyWebpackPlugin([
        {
          from: 'pages/*/static/**',
          to: path.join(__dirname, 'dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM)
        }
      ])
    ]
  }
}

然后将静态资源放在对应分包的static文件夹下


最后在分包页面中使用完整路径即可引入


上一篇 下一篇

猜你喜欢

热点阅读