ant-design-vue按需引入Progress

你可以使用 babel-plugin-import 插件来实现按需引入 Ant Design Vue 组件。下面是示例代码：

首先，安装 babel-plugin-import 插件：

npm install babel-plugin-import --save-dev

然后在 babel.config.js 中配置插件：

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      'import',
      {
        libraryName: 'ant-design-vue',
        libraryDirectory: 'es',
        style: 'css'
      }
    ]
  ]
}

这里的 libraryDirectory 设置为 'es' 表示使用 es 模块方式引入组件，style 设置为 'css' 表示按需引入组件的 CSS 样式。

最后在组件中按需引入 Progress 组件：

<template>
  <a-progress :percent="percent" />
</template>

<script>
import { Progress } from 'ant-design-vue'

export default {
  components: {
    'a-progress': Progress
  },
  data() {
    return {
      percent: 50
    }
  }
}
</script>