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'
注意事項
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
