Vue Scss中的~

Vue项目中在Scss里会用到类似 @import "~@/assets/**"的东西,实际上,这是针对打包的一种写法,打包时,识别到~时,会与配置的alias(即别名)进行匹配,如果匹配不到,就到node_modules里匹配。
事实上,在使用特殊符号(比如@)作为别名时,打包时会自动进行别名匹配,但是使用类似常规的文件名,就不会去匹配别名。

参考:
Vue2 模板中的图片地址如何使用 webpack 定义的别名?
scss中的import加波浪号是什么意思?

posted @ 2021-12-28 11:21  彼时今日  阅读(232)  评论(0)    收藏  举报