1. 程式人生 > >Vue中import '@...'是什麽

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

json color dex .html comm common rom cnblogs index

今天看新項目代碼,有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 這個目錄,避免寫麻煩又易錯的相對路徑

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