VUE用webpack打包上线,页面出现空白,各种路径出错(每天都记录一个知识点)
**第一:懵逼 还是懵逼只能怪自己webpack学的不好,看来要重头好好学习一下webpack了**解决:找到 config > index.jsbuild: {index: path.resolve(__dirname, '../dist/index.html'),assetsRoot: path.resolve(__dir...
·
**第一:懵逼 还是懵逼 只能怪自己webpack学的不好,看来要重头好好学习一下webpack了
**
解决:找到 config > index.js
build: {
index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
// assetsPublicPath: '/',
// 在/前边+ .
assetsPublicPath: './',
}
只需要在assetsPublicPath: '/'中 /前加个.就可以完美解决
**如果图片引入路径不对,**
解决:找到 build > utils.js
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'
// 添加publicPath: '../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
添加publicPath: '../../' 完美解决!
更多推荐
已为社区贡献2条内容
所有评论(0)