关于vue.js:vue按需导入antdesignofvue

1.开发环境 vuecli4
2.电脑系统 windows10专业版
3.在应用ant-design-vue的时候,咱们开发的时候,不肯定会应用到所有的组件,为了缩小我的项目的体积,咱们要按需导入,上面我来分享一下办法。
4.废话不多说,间接上操作:

npm i ant-design-vue -D

5.在babel.config.js中增加如下代码:

plugins: [
    ['import', {
        libraryName: 'ant-design-vue',
        libraryDirectory: 'es',
        style: 'css'
    }] // `style: true` 会加载 less 文件
  ]

6.如果报错

// 解决办法:
npm i babel-plugin-import -D

7.在main.js中增加如下代码:

// 导入antdesignvue
import { Button } from 'ant-design-vue'
Vue.use(Button)

8.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。