Ant design for vue按需加载报错问题解决

Ant Design for Vue
官网有详细的按需加载教程，但是在使用之后，项目启动会抛出如下错误

 ERROR  Failed to compile with 1 error                                                
 error  in ./node_modules/ant-design-vue/es/button/style/index.less
Syntax Error:
// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?

此时需要把 babel.config.js 配置文件中

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

的 style 处的 true 改为 "css"，项目即可正常启动并完成按需加载组件库

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