antd-vue组件按需引入

引入#

1
npm install ant-design-vue --save--dev # 引入antd

配置#

• 安装依赖

  1
  npm i babel-plugin-import --save--dev
  2
  npm i babel-loader --save--dev

• 修改babel.config.js，在plugins中添加

  1
  plugins: [
  2
    [
  3
      'import',
  4
      {
  5
        'libraryName': 'ant-design-vue',
  6
        'libraryDirectory': 'lib',
  7
        'style': 'css'
  8
      }
  9
    ]
  10
  ]

使用#

• src下创建config目录，index.js和antDesignVueConfig.js

  1
  import { Tree } from 'ant-design-vue'
  2
  import Vue from 'vue'
  3
  
  4
  Vue.use(Tree)

  引入即可