基于webpack下在vue中运用scss,背景图片的运用

在scss设置背景图片(background-image),在项目webpack打包后,图层途径会增添css文件夹地点途径。
我们愿望的情况下,背景图途径应为'static/img/imgname.png',而现实则会涌现:
'static/css/static/img/imgname.png',注重,这里static/css是过剩的。

解决方法有2个:
1.在template中直接设置style="background-image:url('')";
2.在webpack设置文件夹找到utils.js,作以下变动:
**增添publicPath**

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    //增添publicPath
    publicPath:  '../../',
    fallback: 'vue-style-loader'
  })
} 
    原文作者:潘生
    原文地址: https://segmentfault.com/a/1190000018661440
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞