vue項目中 路徑使用的@和~的區別


首先:@和~ 都是在路徑訪問時使用的。

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;  但是如果在這樣去引入樣式,會報錯。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM