【问题标题】:Should I be using @ or ~ in JS imports (Vue.js/Nuxt.js)?我应该在 JS 导入 (Vue.js/Nuxt.js) 中使用 @ 还是 ~?
【发布时间】:2020-08-23 06:09:31
【问题描述】:

很抱歉,如果这是重复的,但我找不到我的问题的适当答案。

你可能知道,Webpack 的根目录有一个别名~。也就是说,我看到很多人在使用 ES6 语法导入模块时使用@ 符号。导入模块时两者都有效。

我的问题是......在页面和组件中导入模块时使用~ 符号是否有任何后果,或者使用@ 只是最佳实践?我使用~,因为nuxt.config.js 文件不支持使用@,所以我不太可能混淆两者。

【问题讨论】:

    标签: javascript vue.js webpack nuxt.js


    【解决方案1】:

    ~-prefix 用于解析从node_modules-path 的导入。 @-prefix 在 Vue 中设置以解析从 src-path 的导入。

    【讨论】:

    • 但是当我要导入的组件不在node_modules 文件夹中时,为什么我的导入可以在 vue.js/nuxt.js 中工作?但这仍然不能回答我原来的问题。我应该继续使用~吗?
    【解决方案2】:

    在 JS 中没有引用 root 文件夹的标准方法。据我所知,这没有在任何规格中指定。

    ~@ 都由您使用的任何打包程序定义。

    在这种情况下,使用该环境的标准应该没问题。

    我更喜欢使用 @,因为这是 vue.js/webpack 安装的默认设置,但我会使用开箱即用的任何设置。

    【讨论】:

    • 感谢您的洞察 :)
    猜你喜欢
    • 1970-01-01
    • 2018-03-22
    • 2011-04-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-03
    • 2016-03-19
    • 2012-03-10
    相关资源
    最近更新 更多