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)
        }

     

posted @ 2018-02-12 09:53  web前端kelly  阅读(3079)  评论(0编辑  收藏  举报