基于webpack下vue中scss的使用，背景图片的使用

在scss中设置背景图片（background-image）。项目在webpack打包后，层路径会增加css文件夹的路径。在我们想要的情况下，背景图片的路径应该是'static/img/imgname.png'，但实际上会出现：'static/css/static/img/imgname.png'，注意static/css是这里多余。有两种解决方法：1、直接在模板中设置style="background-image:url('')"；2.在webpack配置文件夹中找到utils.js，做如下修改：**添加publicPath**if(options.extract){returnExtractTextPlugin.extract({use:loaders,//添加publicPathpublicPath:'../../'，回退：'vue-style-loader'})}