Vue中import '@...'是什么


Vue中import '@...'是什么

     今天看新项目代码,有import '@/assets/css/theme/index.css'一类的代码,里面的@是做什么的呢。

   找到这篇文章https://www.cnblogs.com/boshow/p/8758927.html,这个是webpack使用loader里配置的

复制代码
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 这个目录,避免写麻烦又易错的相对路径


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM