javascript - webpack中alias配置中的“@”是什么意思?
問題描述
output: { path: config.build.assetsRoot, filename: ’[name].js’, publicPath: process.env.NODE_ENV === ’production’ ? config.build.assetsPublicPath : config.dev.assetsPublicPath }, resolve: { extensions: [’.js’, ’.vue’, ’.json’], -------------@是什么意思---------------- alias: { ’vue$’: ’vue/dist/vue.esm.js’, ’@’: resolve(’src’) } ------------------------------- },
問題解答
回答1:只是一個別名而已。這里設置別名是為了讓后續引用的地方減少路徑的復雜度。
//例如src - components - a.vue - router - home - index.vueindex.vue 里,正常引用 A 組件:import A from ’../../components/a.vue’如果設置了 alias 后。alias: { ’vue$’: ’vue/dist/vue.esm.js’, ’@’: resolve(’src’)}引用的地方路徑就可以這樣了import A from ’@/components/a.vue’這里的 @ 就起到了【resolve(’src’)】路徑的作用。回答2:
類似問題,通過看看官方文檔是可以解決的
相關文章:
1. node.js - nodejs+express+vue2. 使用mysql命令行連接遠程數據庫host跳轉3. python - 如何把152753這個字符串轉變成時間格式15:27:534. javascript - onclick事件點擊不起作用5. java - web端百度網盤的一個操作為什么要分兩次請求服務器, 有什么好處嗎6. DADB.class.php文件的代碼怎么寫7. python 字符串匹配問題8. 數據庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。9. javascript - 如何獲取未來元素的父元素在頁面中所有相同元素中是第幾個?10. python對8000行csv添加列

網公網安備