babel-plugin-import是一款babel插件,在编译过程中将import的写法自动转换成按需引入的方式.
安装
npm i babel-plugin-import -D
以vant组件为例,按照以下来配置
// 在 .babelrc 或 babel-loader 中添加插件配置
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true // style: true 会加载 less 文件
}]
]
在模块中引入需要的组件即可按需引用
import { Button, Cell } from 'vant';
Vue.use(Button);