Question

我正在使用语义UI对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的内容）。

使用Webpack的React Semantic-ui捆绑包大小太大

1 个答案: