Semantic-ui-css，如何在使用webpack/npm構建時禁用Web字體？

Question

我使用的是Semantic-ui-react，效果很好。我從semantic-ui-css npm模塊導入semantic.min.css。

但是，它使用網絡字體，我真的不想要的外部電話。

我可以進入.css文件本身並刪除它們，但這是硬編碼和壞的做法，因爲從npm模塊構建到另一臺機器上會導致它再次執行。

有沒有辦法禁用所有的Web字體，例如，當使用Webpack構建它時？

Answer 1

只有明智的方式來做到這一點，你應該建立一個自定義的SUI。這裏是關於theming的官方指南。

實際上，您應該只編輯位於site.variables的變量importGoogleFonts。有關於設置語義無用和webpack的awesome guide。但是，如果您使用create-react-app，我會推薦使用SUI的構建系統。