在材料设计中使用CSS预处理器

Question

我还没有将CSS预处理器与react-redux项目一起使用，但这将改变。

我注意到在CRA facebook文档中，我可以安装node-sass，但是我想使用Material Design，但是我在Material Design文档中注意到，我需要配置Webpack才能与MD和{ {1}}。

我什至必须使用node-sass吗？

这是否意味着我必须要做一个node-sass？还是只是npm run eject？

在React-Redux项目中使用具有CSS预处理器的Material Design经验的人，请提供帮助。

Answer 1

  

这是否意味着我必须进行一次npm运行弹出？还是只是npm install webpack@3.x.x？

使用去年10月发布的新CRA v2.0，您不必运行npm run eject即可使用CSS预处理器。

  

我什至必须使用node-sass吗？

是的，您可以执行npm install node-sass，然后将css文件更改为scss，并为以后的CSS文件创建scss扩展文件。

Material Design是为Google Android的新操作系统创建的一种设计语言，该语言已于2014年夏季发布，但直到现在似乎在整个行业中都流行起来。

本质上，这些是Google整理的设计规范，此后启发了您可以使用的各种Material Design类型的库。

有一些受Material Design启发的css框架，您可以利用它们来与Material Design一起使用。以下是以下库：

1. 材料化可以说是其中最著名的Material Design CSS框架之一。 Materialise由一群技能娴熟，充满激情的学生开发，已广泛用于许多可用的第三方主题。
2. MUI 也很受欢迎。尽管这是个人的努力，但它通过为Angular，React和WebComponents提供开箱即用的支持而提高了标准。详细的文档也值得赞许。
3. 表面是采用Material Design的最小，超轻量级CSS框架，不过不要指望大量文档。
4. 材料基金会，尽管那里的文档似乎被遗弃了。
5. Material Design Lite 是由Google工程师发布的，因此您可以期望与Material Design概念保持一致并保持一致。
6. 网络材料组件是Material Design Lite的后继产品，由Google工程师和设计师维护。其高级目标包括模块化，遵守材料设计准则以及与其他JavaScript框架和库的无缝集成。
7. Material-UI ，不是严格意义上的CSS框架，这是一种使用React组件实现Material Design的有趣方法。