vue小技巧之偷懶的檔案路徑——減少不必要的程式碼

眾所周知，我們寫vue專案的時候都會建立很多個檔案，尤其是一些中大型專案，會有很深的資料夾，當你去引入的時候，要寫很長的路徑比如我要引入一個css檔案，

必須得import  '../../../styles/iconfont.css',檔案放的越深，路徑就越長，所以我來說一個小技巧。

當我們剛開始建立好vue專案的時候看到一些檔案引入的前面有一個@符號，這個符號的意義是什麼呢？

我們開啟build檔案下的webpack.base.conf.js,用Ctrl+f搜尋@，找到之後你會看到'@': resolve('src'),這個@就是自定義的別名，儲存的是src路徑，所以@就是src路徑，

看到這裡，小夥伴們應該知道接下來這麼做了吧，'自定義別名' : resolve('你經常引用的路徑'),就以我的路徑為例子，我建立的別名是styles，所以我要引入iconfont.css

就得這麼寫，import 'styles/iconfont.css',然後再從新啟動專案，記得，一定要重新啟動專案，不然會報錯的！！！！！！！！！