vue css background路径不对

  1. 针对此问题, 需要单独为css配置publicPath.
  2. ExtractTextWebpackPlugin 提供了一个options.publicPath的API, 可以为css单独配置publicPath.
  3. 对于 vue-cli生成的项目, dist目录结构为: dist > index.html + static > css + img + js
  4. 问题是css中的background路径不能正确引入.
  5. 更改build/utils.js文件中的 ExtractTextPlugin 的 options配置.

  6. if (options.extract) {
          return ExtractTextPlugin.extract({
            use: loaders,
            publicPath: '../../',
            fallback: 'vue-style-loader'
          })
        } else {
          return ['vue-style-loader'].concat(loaders)
        }
原文地址:https://www.cnblogs.com/kelly07/p/8443783.html