溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Cli3工具中，配置路徑別名
最近用Vue Cli3腳手架搭建了Vue項目，發現沒有build目錄了，里面的webpack相關的也沒了，看了官方文檔后，查了資料后，發現都在vue.config.js里來配置了
配置路徑別名，方便引用，不用寫那么長
配置前:
import TodoList from '../../components/TodoList'
配置后(不用再關心文件層級關系):
import TodoList from 'components/TodoList'
在根目錄下添加'vue.config.js',
添加如下代碼：
const path = require('path')
function resolve(dir) {
return path.join(__dirname, dir)
}
module.exports = {
lintOnSave: true,
chainWebpack: config => {
config.resolve.alias
.set('@', resolve('src'))
.set('assets', resolve('src/assets'))
.set('components', resolve('src/components'))
.set('layout', resolve('src/layout'))
}
}
使用:
import TodoList from 'components/TodoList'
注意事項
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
