uniapp分包图片使用方法

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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文件夹下
2577396-151398ecd2e88b28.png

最后在分包页面中使用完整路径即可引入
2577396-96f7518f1f6ebb0b.png

uniapp分包图片使用方法

https://www.yw3.fun/article/cf14c5bc2bf0.html

作者

全肝鸽鸽

发布于

2022-11-17

更新于

2024-04-30

许可协议

评论