vue项目中 路径使用的@和~的区别
首先:@和~ 都是在路径访问时使用的。
@这是webpack设置的路径别名。
这东西在vue标准模板里面的build/webpack.base.conf这个文件里面。
默认定义:@这东西代表着到src这个文件夹的路径
就是说@这东西代表着到src这个文件夹的路径
然后是~
~ 是 stylus-loader 的东西,参考 https://github.com/webpack-contrib/stylus-loader
~@/assets/scss/_variables.scss ==>>表示相对于@(别名,一般是src目录)下的 assets/scss/_variables.scss;
注意:~@/assets/scss/_variables.scss 给人的感觉就是 src下面的 assets/scss/_variables.scss; 但是如果在这样去引入样式,会报错。(页面引入图片不使用@前不加~也会报错)
完整内容可参考原作者https://blog.csdn.net/caseywei/article/details/90697164