vue按需引入and design報錯

2021-10-08 07:31:13 字數 647 閱讀 1478

vue add ant-design
antd官方文件提到的 babel-plugin-import,乙個用於按需載入元件**和樣式的 babel 外掛程式,樣式自動載入需要先裝這個外掛程式

npm install babel-plugin-

import

--dev

安裝完後配置babel.plugin.config檔案,複製官方文件配置

module.exports =]]

}

import vue from

'vue'

;import

from

'ant-design-vue'

;vue.

use( button)

然後執行,你就會發現報錯了。。。

因為官方文件上的babel.config.js裡的配置有問題

[

"import"

,]

這個style的值不是true,而是css,重新執行就沒問題了

還是太年輕,哈哈哈哈,掛在官方文件上

vue3 0 vant按需引入

首先安裝vant 然後 babel plugin import 是一款 babel 外掛程式,它會在編譯過程中將 import 的寫法自動轉換為按需引入的方式 安裝外掛程式 npm i babel plugin import d 然後在 babel.config.js 中配置一下下 module.e...

vue按需引入Element UI的方法

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

vue元件按需引入的方法

動態匯入需要先安狀外掛程式 npm install babel plugin dynamic import webpack s e dev 並且需要哦誒之babel.config外掛程式 module.exports 注 import 引入報錯 注釋了import引入就不報錯 要注意core js的...