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'

注意事項

vue.config.js文件創建完后，不需要什么操作，@vue/cli-service會自己識別，如果出現報錯等等，可以先嘗試重啟下IDE或者啟動下項目 vue.config.js在vue項目創建后，默認是沒有的，是一個可選的文件

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。