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