当我们导入组件ant-design-vue时,为了进行优化,可按需导入,逐个导入太麻烦,就可以通过修改babel.config.js文件来进行按需导入ant-design-vue的组件
首先将babel.config.js文件添加
plugins: [
['import',
{ libraryName: 'ant-design-vue', libraryDirectory: 'es', style: 'css' }
] //`style: true`会加载less文件
]
然后在main.js文件按需导入ant-design-vue组件,比如导入按钮组件:
import { Button } from 'ant-design-vue'
//不需要引用css文件
Vue.use(Button)
如果出现Error: Cannot find module 'babel-plugin-import’的报错,则可以npm i babel-plugin-import下回来。