猿问

vue webpack 打包处理stylus中图片的路径问题

想要在一个组件的目录下引用assets文件目录下的图片,用了stylus
CSS如下:

stylus:

https://img3.mukewang.com/5c29d9a600019c7005120074.jpg

在webpack中配置了alias

https://img2.mukewang.com/5c29d9ae0001397602460105.jpg

webpack打包时候报错,提示的信息如下,所以是编译到了当前目录下的assets下面的图片。如果我写相对路径的话是可以访问的到的,但是这样要去写../../这样比较麻烦。怎们样能通过alias这样快速访问?

 * ./assets/logo@2x.png in ./~/css-loader?{"minimize":false,"sourceMap":false}!./~

/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-66db4f00","scoped":true,"

hasInlineConfig":false}!./~/stylus-loader?{"sourceMap":false}!./~/vue-loader/lib/

selector.js?type=styles&index=0!

所以应该怎么样能访问到assets文件夹下的文件?

edit:
如果写绝对路径
/src/assets/logo
也拿不到。


阿波罗的战车
浏览 1906回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答