Vue 設定別名

2021-10-03 14:27:58 字數 691 閱讀 7103

我們在寫vue 的時候需要引入許多的元件, 或者是css樣式。 當我們的檔案越來越多, 層級也越來越多的時候引入就比較麻煩, 要寫很多的』…/…/』,比如這樣:import son from '../.././son', 為了書寫方便， 我們可以給vue路徑設定別名，來節省**的輸入次數，提高開發效率

在檔案裡面輸入下面的**:

const path =


require


('path'


)// 引入path模組 -> 設定絕對路徑


function


resolve


(dir)


module.exports =


}
當我們需要引入檔案的時候就可以簡寫了

/*


引入css樣式, css樣式表別名的前面需要新增 '~'


在js中引入也需要新增~


*/// vue引入


@import


'~style/index.less'


;// js中引入


import


'~style/index.less'


/* 引入元件, */


import box from


'components/box'

Vue專案路徑別名設定

用vue cli搭建好vue專案之後，進入正式開發過程，有時候會發現各種import路徑中都存在長串的重複路徑，比如 import src assets styles reset.css import src assets styles border.css 為了方便維護，可以開啟build檔案下的...

三 Vue中設定路徑別名

在 css 或者 js 中，有時候需要引入其他相關檔案，若目錄層級比較多，那麼路徑會相當長，而且重複書寫，比較麻煩。為了解決這個問題，我們可以採用為路徑設定別名的方式，來簡化路徑書寫。下例是使用 vue cli3.0構建專案，步驟如下 const path require path function...

Linux 別名設定

alias 功能說明 設定命令的別名。語法 alias p 別名 命令 包名稱 bash 相關命令 unalias 補充說明 使用者可以利用alias自定義命令的別名。若僅輸入alias，則可列出當前所有的別名設定。alias僅作用於該次登入的作業。若要每次登入時都自動設好別名，請在.profile...