问题
开发模式

图片路径(存储文件夹)

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: '../../'
})
打包

修改后

Logo

前往低代码交流专区

更多推荐