vue cli專案中的ES6匯入匯出語法總結

2021-10-09 15:06:04 字數 686 閱讀 5085

1.export from './sum' 

解釋:從./sum檔案中匯入預設模組,並以sum為別名匯出。

是es6原生支援的匯入再匯出語法,等價於以下**

import sum from './sum'

export

2.import from './components'

解釋:將./components目錄作為乙個模組,匯入其中的a,b,c。

並沒有在webpack的官方文件**現,猜測是因為webpack是基於nodejs的,所以沿用了nodejs中commonjs模組的解析規則。

在nodejs的commonjs模組實現中,如果匯入的模組是乙個目錄會先查詢目錄下的package.json檔案是否存在,檔案中是否指定了main欄位,如果沒有則查詢index.js,index.node檔案將他們作為模組匯入,如果仍未找到則丟擲錯誤

3.匯入檔案時,路徑中省略檔案字尾名的配置

這個功能是webpack提供的,在webpack的配置中用resolve.extensions指定乙個包含副檔名的陣列,陣列中包含的副檔名,在匯入時可以省略。

在vue-cli中這一配置可以在在node_modules/@vue/cli-service/lib/config目錄下,base.js檔案中找到。也可以在vue.config.js檔案中新增自己的相關配置。

專案中常用的ES6

看 及注釋就懂了 把es6 es2015 轉換為es5 解構賦值 let dessert,drink,fruit breakfast const breakfast let breakfast 字串 陣列展開符 利用 array 的 concat 實現 let food rice breakfast...

es6 匯入匯出

1.命名匯出 命名匯出就是明確匯出的變數名稱和值。在src目錄下建立math.js,index.js檔案。math.js內容 case 1 export後面跟變數輸出宣告語句 export var pi 3.14 case 2 export後面直接跟變數定義語句 export var add fun...

專案中常用的ES6語法總結

fill 陣列填充 array.fill value 會對陣列填充陣列成員,填充長度等於陣列長度 array.fill value,start,end 可以使用指定的元素填充陣列 它接受三個引數 const filldata data return data a b c fill 7 7,7,7 n...