我應該在 JS 導入 (Vue.js/Nuxt.js) 中使用 @ 還是 ~？

Question

如果這是重復的，我很抱歉，但我找不到我的問題的適當答案。

您可能知道， Webpack 的根目錄有一個別名~ 。 也就是說，我看到很多人在使用 ES6 語法導入模塊時使用@符號。 導入模塊時兩者都有效。

我的問題是......在頁面和組件中導入模塊時使用~符號是否有任何后果，或者使用@只是最佳實踐？ 我使用~ ，因為nuxt.config.js文件不支持使用@ ，所以我不太可能混淆兩者。

Answer 1

在 JS 中沒有引用root文件夾的標准方法。 據我所知，這沒有在任何規格中指定。

~和@都由您使用的任何 package 捆綁器定義。

在這種情況下，使用該環境的標准應該沒問題。

我更喜歡使用@ ，因為這是 vue.js/webpack 安裝的默認設置，但我會使用開箱即用的任何東西，但設置不同。

Answer 2

~ -prefix 用於解析來自node_modules -path 的導入。 @ -prefix 在 Vue 中設置以解析從src -path 的導入。