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