Vue中import引入模块路径时的@符号

• Z时代
• 2024-01-10
• 分类：综合

1、ES6 模块主要有两个功能：export 和 import

export：

• 用户对外输出本模块（一个文件可以理解为一个模块，比如 aaa.js、bbb.js）变量的接口 。

import：

• 用于在一个模块中加载另一个含有 export 接口的模块（也就是这个 js 文件一定要含有 export ）。
• 而我们在使用 import 导入一个模块的时候通常这样使用：
  import util from '@/libs/util'

那么这个 @ 到底是个什么意思呢？

2、webpack.base.conf.js 文件有如下代码

resolve: {
    <!-- 自动补全的扩展名 -->
    extensions: ['.js', '.vue', '.json'],
    <!-- 默认路径代理 -->
    <!-- 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找 -->
    alias: {
        '@': resolve('src'),
        '@config': resolve('config'),
        'vue$': 'vue/dist/vue.common.js'
    }
}

是不是已经很明确了呢？ @ 等价于 src，举一反三，也支持自定义的。

以上是 Vue中import引入模块路径时的@符号 的全部内容， 来源链接： utcz.com/z/374904.html