我有一个使用 typescript 和 office-ui-fabric 的反应项目。在简单教程中，结构 css 是从 CDN 加载的。
我想在我的 webpack 包中包含 css。最好的方法是什么？
从 node_modules 文件夹导入 css 工作。
import "../node_modules/office-ui-fabric-core/dist/css/fabric.min.css";
还有其他更好的方法可以将 css 文件放入包中吗？
问问题
2879 次
1 回答
3
最好的事情是您的解决方案有效，因此您可以继续使用它。但是，在导入 3rd 方包时，我们不喜欢包含node_modules. 所以，import "office-ui-fabric-core/dist/css/fabric.min.css"或者@import "~office-ui-fabric-core/dist/css/fabric.min.css"对我来说看起来更好。但是您可能需要额外的配置才能使其正常工作。
现在真正的答案
我建议你尽可能使用office-ui-fabric-react。由于您使用的是 Office UI Fabric，我猜您最终会想要使用它们的组件，例如 Button 和 Dialog。这些组件作为 React 组件存在。
成分
如果要使用组件，只需导入组件本身，例如import { Button } from 'office-ui-fabric-react'. 该组件已经包含了它需要的所有样式。因此，您不需要自己进行 css 导入。
常见款式
如果需要使用常用样式，可以@import "~office-ui-fabric-react/dist/sass/_Fabric.Common.scss";在自己的 scss 文件中进行。在该文件中，您还可以执行全局主题覆盖等操作。然后您可以将此文件导入项目的其他文件中。
希望这可以帮助你。
于 2017-02-23T11:59:58.193 回答