vue css background路径不对
- 针对此问题, 需要单独为css配置publicPath.
- ExtractTextWebpackPlugin 提供了一个
options.publicPath
的API, 可以为css单独配置publicPath. - 对于 vue-cli生成的项目, dist目录结构为: dist > index.html + static > css + img + js
- 问题是css中的background路径不能正确引入.
-
更改
build/utils.js
文件中的 ExtractTextPlugin 的 options配置. -
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', fallback: 'vue-style-loader' }) } else { return ['vue-style-loader'].concat(loaders) }