Cli3工具中，配置路徑別名

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名注冊、虛擬主機、營銷軟件、網(wǎng)站建設(shè)、竹山網(wǎng)站維護、網(wǎng)站推廣。

最近用Vue Cli3腳手架搭建了Vue項目，發(fā)現(xiàn)沒有build目錄了，里面的webpack相關(guān)的也沒了，看了官方文檔后，查了資料后，發(fā)現(xiàn)都在vue.config.js里來配置了

配置路徑別名，方便引用，不用寫那么長

配置前:

import TodoList from '../../components/TodoList'

配置后(不用再關(guān)心文件層級關(guān)系):

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'

注意事項

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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)站名稱：VueCL3配置路徑別名詳解
文章網(wǎng)址：http://m.newbst.com/article26/jhshcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、建站公司、云服務(wù)器、網(wǎng)頁設(shè)計公司、軟件開發(fā)、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)