zoukankan      html  css  js  c++  java
  • Vue中import引入模块路径时的@符号

    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,举一反三,也支持自定义的。

  • 相关阅读:
    Python数据类型文件
    Python应用程序之画图本
    opengl 学习笔记1
    圆柱面的法向量
    opengl笔记2(二次曲面的纹理映射)
    正则表达式(一)
    cocos2d的配置
    ogre配置方法
    elipse常用快捷键
    正则表达式(二)
  • 原文地址:https://www.cnblogs.com/niceyoo/p/10106035.html
Copyright © 2011-2022 走看看