首先:@和~ 都是在路徑訪問時使用的。
1. @ 使用說明
@這是webpack設置的路徑別名。
在build/webpack.base.conf這個文件里面定義。
vue項目中默認定義了@(最常用)和vue$兩個別名,如果需要,可以自己添加。
默認定義:@這東西代表着到src這個文件夾的路徑
自己添加:
2. ~ 使用說明
~ 是 stylus-loader 的東西,參考 https://github.com/shama/stylus-loader(但是好像不引入這個庫,也可以用~)
~是相對於其他路徑(文件)的,類似於相對路徑
示例:
~@/assets/scss/_variables.scss ==>>表示相對於@(別名,一般是src目錄)下的 assets/scss/_variables.scss;
注意:~@/assets/scss/_variables.scss 給人的感覺就是 src下面的 assets/scss/_variables.scss; 但是如果在這樣去引入樣式,會報錯。