我正在使用Semantic-ui-react
,效果很好。semantic.min.css
我从semantic-ui-css
npm 模块导入。
但是,它使用我真的不想要的网络字体对互联网进行外部调用。
我可以进入 .css 文件本身并删除它们,但这是硬编码和不好的做法,因为从 npm 模块在另一台机器上构建它会导致它再次这样做。
有没有办法禁用所有网络字体,例如使用 Webpack 构建它时?
我正在使用Semantic-ui-react
,效果很好。semantic.min.css
我从semantic-ui-css
npm 模块导入。
但是,它使用我真的不想要的网络字体对互联网进行外部调用。
我可以进入 .css 文件本身并删除它们,但这是硬编码和不好的做法,因为从 npm 模块在另一台机器上构建它会导致它再次这样做。
有没有办法禁用所有网络字体,例如使用 Webpack 构建它时?
只有明智的方法可以做到这一点,您应该构建一个自定义 SUI。这是有关主题的官方指南。
事实上,您应该只编辑importGoogleFonts
位于site.variables中的变量。有关于 setup semantic-ui-less 和 webpack 的很棒的指南。但是,如果你使用 create-react-app 我会推荐使用 SUI 的构建系统。