vue2关于antd按需引入中的插件配置style为css和true

68 阅读1分钟

在按需加载中下载完 babel-plugin-import插件之后需要在babel.config.js中配置引入的插件代码如下:

plugins: [
    [
      'import',
      { libraryName: 'ant-design-vue', libraryDirectory: 'es', style: 'css' }
    ]
  ]

官方给的文档:

image.png

问题:

如果用的是style为css的话一点问题都是没有的,问题就出现在style为true的时候,会出现以下错误。

image.png

解决办法:

解决这个问题的办法就是在vue.config.js中配置如下代码:

image.png

这样当style为true的时候问题就解决了。

原因分析:

接下来,我们继续讨论为什么会出现这样的问题。原因是当style为true的时候,引入的是style的源文件也就是less文件,而style为css的时候引入的是css文件。

image.png 下边是翻译:

image.png

希望这个问题能够帮助antd组件的初学者!