我正在使用https://github.com/mxstbr/react-boilerplate作为项目，它使用CSS模块和postCSS作为样式，这很棒 . 但是，我还需要有一些用于排版，基本组件等的全局CSS文件 . 应该如何添加这些文件的最佳实践是什么？我已经看过使用preCSS但不完全确定如何在webpack中设置它，以便它可以将这些全局文件导入主样式表 . 我是webpack的新手（来自Gulp / Grunt背景，使用Sass）所以任何帮助都会非常感激 .
如果我可以使用CSS模块文件中这些文件中定义的变量和mixin，但也不确定是否可行或建议这样做也会很棒 . 我安装了react-css-modules，以便我可以使用 styleName 来引用CSS模块文件，使用 className 来引用全局CSS类 .
我知道有是 composes: class from '/path/to/file.css'; 属性，但我宁愿在那里各种实用工具类定义了一些全球性的文件，如 clearfix 和错误类等，所以使用 react-css-modules ，它会是这个样子： <div className="clearfix" styleName="app-header">{...}</div>
再次，不确定这是否正确 .
我想坚持最佳实践，因为我正在开发一个开源项目，并希望以尽可能最好的方式完成 . 谢谢你的建议！
1 回答
css-modules提供
:global，可用于本地包含在代码css文件中，这些文件将全局包含在应用程序中