1⃣️vue-cli项目打包后空白:在config 》 index.js下的build中配置
assetsPublicPath: './',
2⃣️项目别名配置
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'styl': resolve('static'), // 配置css引入别名,引用时,前面加~
'image': resolve('src/assets'), // 配置静态图片引入别名,引用图片时前面加~,在css中引入则加~
}
html
<img src="~/image/home/1.png" alt="">
css
background: url("~image/home/homebg.jpg") no-repeat
然后处理打包后背景图路径问题在build文件下的utils.js 中的: 加上publicPath:'../../'
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
publicPath: '../../',
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}