vant自動按需引入元件 推薦

2021-09-27 03:40:54 字數 493 閱讀 4574

# 通過 npm 安裝

npm i vant -s

babel-plugin-import 是一款 babel 外掛程式,它會在編譯過程中將 import 的寫法自動轉換為按需引入的方式

# 安裝外掛程式

npm i babel-plugin-import -d

// 在.babelrc 中新增配置

// 注意:webpack 1 無需設定 librarydirectory

] ]

}// 對於使用 babel7 的使用者,可以在 babel.config.js 中配置

module.exports = , 'vant']

]}

// 接著你可以在**中直接引入 vant 元件

// 通過配置會自動引入樣式

import from 'vant'

vue3 0 vant按需引入

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

按需引入echarts元件

echarts元件非常多,有時候我們的業務就需要兩三個不多,這時候如果全部引入的就會導致打包過大,這時候就可以按需引入。const echarts require echarts lib echarts 引入折線圖 require echarts lib chart line 餅圖 require ...

vant在Vue頁面內實現按需引入

參考 參考npm i vant sbabel plugin import 是一款 babel 外掛程式,它會在編譯過程中將 import 的寫法自動轉換為按需引入的方式 安裝外掛程式 npm i babel plugin import d在.babelrc中配置plugins 外掛程式 plugin...