原始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文件夹下

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

网友评论