React Semantic-与webpack的ui包大小太大

Question

我在使用语义ui react和webpack 4，但是当我运行构建时，我得到了这个错误：

    WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
    This can impact web performance.
    Assets: 
      node_modules/semantic-ui-css/themes/default/assets/fonts/icons.svg (382 KiB)
      node_modules/semantic-ui-css/themes/default/assets/fonts/brand-icons.svg (496 KiB)
main.css (620 KiB)
  bundle.js (559 KiB)

有没有办法解决这个问题？我用谷歌搜索了一下，但找不到任何有用的东西。在我的webpack文件中，我简单地设置了：

mode: "production"

在react文件中，我导入了默认主题的css，如下所示：

import 'semantic-ui-css/semantic.min.css';

但这些资产仍然会被添加，在他们的react-semantic-ui的网站上，他们说默认情况下支持树分解(我安装了最新版本)，我知道在生产模式下运行时，webpack 4也默认支持树分解。

Answer 1

这些资产是通过导入到semantic-ui-css/semantic.min.css中添加的，树摇动在css模块中不起作用(在您的示例中是导入到semantic-ui-css/semantic.min.css)。