Vue Scss中的~

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

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

转载请注明出处@https://www.cnblogs.com/noah227/p/15739857.html