码迷,mamicode.com
首页 > Web开发 > 详细

vue css background路径不对

时间:2018-02-12 11:19:02      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:turn   配置   ack   css   文件中   UI   更改   utils   生成   

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

     

vue css background路径不对

标签:turn   配置   ack   css   文件中   UI   更改   utils   生成   

原文地址:https://www.cnblogs.com/kelly07/p/8443783.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!