import 中使用 @。
「@」來說，它算是webpack的路徑別名，相關代碼定義在配置文件webpack.base.config上。
你可以將其視為一種取代符的變數意義。
簡單來說。一般運行 webpack 等類的應用。
都會將其 @ 定義成一路徑變數的存在。
正常如果不用的話
我們需要設為
import { xxx } from '/src/xxx/xxx'
但這樣如果今天想要將其移到其它或是相對應路徑時。
常需要再重新改一次程式碼會很麻煩。
那如果是在其設定中定義好。我們只要用如下使用的方式
import { xxx } from '@xxx/xxx'
這樣如果今天來源取得變更位置了。
只要變動 webpack 的設定就好了。不需要再去修改程式碼。
其用意在這裏
iThome鐵人賽
看影片追技術