ant-design-vue 组件按需引入

使用babel，需要的插件：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: true
      }
    ]
  ]
}

发现按需引入之后报错

解决办法：

因为引入区分类型，可以引入js，js+less/sass，js+css，当style属性等于true 为引入less/sass；当style='css'则直接引入css文件。

方法1：使用style:'css'

方法2：在vue.config.js中配置

   css: {
   loaderOptions: {
     less: {
       javascriptEnabled: true,
     },
   },
 },