Javascript 这个导入语句是如何工作的？_Javascript_Import_Vue.js

Javascript 这个导入语句是如何工作的？

javascript import vue.js

Javascript 这个导入语句是如何工作的？,javascript,import,vue.js,Javascript,Import,Vue.js,我刚刚从vue cli下载了一个模板作为 vue init网页包我的项目在Hello.vue中，我看到了这样的导入语句。从“@/components/Hello”导入Hello 我很好奇那@有什么作用。它在很多地方都有使用，但没有写上它的确切用途。如果有人能解释它的作用，那就太好了？它与普通进口产品有何不同如果您正在编写以下语句：从“@/components/Hello”导入Hello 在此语句中，@表示它将加载对应的包，并将类、变量和方法导入组件。如果查看vue cli创建的网页包模板

我刚刚从vue cli下载了一个模板作为

vue init网页包我的项目

在Hello.vue中，我看到了这样的导入语句。

从“@/components/Hello”导入Hello
我很好奇那@
有什么作用。它在很多地方都有使用，但没有写上它的确切用途。如果有人能解释它的作用，那就太好了？它与普通进口产品有何不同
 如果您正在编写以下语句：
从“@/components/Hello”导入Hello
在此语句中，@表示它将加载对应的包，并将类、变量和方法导入组件。
如果查看vue cli创建的网页包模板的webpack.base.config.js项目，可以看到有一个别名集：
“@”：解析（'src'）

见：

第27行

所以这只是为了更容易地加载模块。因此，您不需要键入类似于从“../../../src/components”导入“component”之类的内容。您只需键入“

@/components

”

所以这只是为了方便。在功能上与常规导入没有区别。

它与常规导入有何不同？