vue-cli中css引入图片打包路径问题
问题
开发模式
图片路径（存储文件夹）
src
|__assets
|__img
|__css
|__js
这是我在css中引入图片的写法，在开发模式中是ok的base.scss
$icon_url :'../img/icon.png' ;
.logo{
background:url('../img/login_logo.png');
}
打包后
这里就发现这个路径在css的下一级去了，那就相当于我们要在打包的时候强行给他弄到相对路径的前两级去。
解决
既然是打包问题，那我们就应该从打包配置文件去入手config/index.js修改这句
assetsPublicPath: './',
build/utils,js加上publicPath: '../../'
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'
})