关于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. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。