在按需加载中下载完 babel-plugin-import插件之后需要在babel.config.js中配置引入的插件代码如下:
plugins: [
[
'import',
{ libraryName: 'ant-design-vue', libraryDirectory: 'es', style: 'css' }
]
]
官方给的文档:
问题:
如果用的是style为css的话一点问题都是没有的,问题就出现在style为true的时候,会出现以下错误。
解决办法:
解决这个问题的办法就是在vue.config.js中配置如下代码:
这样当style为true的时候问题就解决了。
原因分析:
接下来,我们继续讨论为什么会出现这样的问题。原因是当style为true的时候,引入的是style的源文件也就是less文件,而style为css的时候引入的是css文件。
下边是翻译:
希望这个问题能够帮助antd组件的初学者!