问题:Vue-cli-webpack 脚手架生成项目,进行prod环境构建时-CSS中img 路径错误的问题
一般情况下 css 中引用的图片路径构建出来以后,是这样子的: static/css/static/img
也就是说它是针对 css 目录路径来的。
解决方案:
修改: build/util.js
文件中 ExtractTextPlugin
插件的配置。
// Extract CSS when that option is specified
// (which is the case during production build)
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
publicPath: '../../', // ## 这一行是修改填加的。
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}