我应该在 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 的导入。