自定义插件中引用antd组件,在项目中antd 组件样式失效解决

自定义了一个组件,style={ {}}里面定义的样式都有效果,但是Antd 组件 Table ,DirectoryTree的样式失效。
最终解决方案是在插件的项目目录中修改,.babelrc文件里面的{ }中plugins配置

{
  "plugins": [
    'transform-react-jsx',
    [
      "import",
      {
        libraryName: "antd",
        libraryDirectory: "es",
        style: true
      }
    ]
  ]
}

尝试的方案一:插件项目里面建了一个webpack.config.js,然后配置了plugins,但是没有效果。
不知道为什么没有效果,但是.babelrc文件这个起效果了。
总结:遇到问题时,有时候搜到的答案是不符合自己的问题的,但是场景类似,可以多多思考,拓宽自己的解决思路,也能够有所收获!

你可能感兴趣的:(前端,webpack,前端)