Vue 之 Element ui 按需匯入

在使用 vue 開發專案中，我們一般會選擇 elment-ui ，因為這個庫是基於 vue 並且有很多現成的元件供我們使用。我們可以根據官方文件直接在 main.js 中引入，但是這樣在最後專案開發完成後打包體積過大，建議是按需匯入，因為有些元件我們是用不到的。

yarn

add babel-plugin-component -d

module.exports =]]

}

在src目錄下建立乙個名為element的資料夾，element資料夾下建立乙個index.js檔案。

// src/element/index.js

import
from
'element-ui'
const element =
}vue
.prototype.$message = message;
export
default element

import

'element-ui/lib/theme-chalk/index.css'
;// 引入 element 樣式
import element from
'./element/index.js' 
vue.
use(element)

在我們建立的.vue檔案中直接使用在src/element/index.js匯入的元件

vue按需引入Element UI的方法

在我們的實際專案開發中，多數是採用按需引入的模式來進行開發的，那麼具體應該如何操作呢，可能會有許多新人傻傻分不清楚，具體將在下文講到。首先我們先vue create demo建立乙個專案出來此時我們的專案是這樣的 此時我們在終端輸入 可以看到讓我們選擇全部引入還是按需引入，此時我們選擇按需引入，im...

vue2 0 按需引入element ui報錯

專案使用vue腳手架自動生成的,vue版本為 2.5.16.專案中需要按需使用element ui,根據element ui的官方文件,一開始在babel.config.js檔案中修改配置 module.exports plugins component 執行專案報錯 error plugins 0...

ElementUI使用按需引入

在專案根目錄新建config目錄，config目錄下新建element目錄，element目錄下新建index.js。index.js內容如下 import from element ui const element export default element 其中要注意loading messa...