【问题标题】：Using CSS preprocessor with material design在材料设计中使用 CSS 预处理器
【发布时间】：2019-08-20 23:57:18
【问题描述】：
我还没有在 react-redux 项目中使用 CSS 预处理器，但这即将改变。
我在 CRA facebook 文档中注意到，我可以安装 node-sass，但我想使用 Material Design，但我在 Material Design 文档中注意到，我需要配置 Webpack 才能使用 MD 和 node-sass .
我什至必须使用node-sass？
这是否意味着我必须做一个npm run eject？还是只做npm install webpack@3.x.x？
总之，我希望在 React-Redux 项目中使用带有 CSS 预处理器的 Material Design。我该如何继续？
【问题讨论】：
标签：
reactjs
sass
material-design
【解决方案1】：
这是否意味着我必须执行 npm runeject ？还是直接执行 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。以下是以下库：
-
Materialize 可以说是最知名的 Material Design CSS 框架之一。 Materialise 由一群技艺高超、充满热情的学生开发而成，广泛用于许多可用的第三方主题。
-
MUI 也很受欢迎。虽然是个人努力，但它通过为 Angular、React 和 WebComponents 提供开箱即用的支持来提高标准。详细的文档也值得点赞。
-
Surface 是一个采用 Material Design 的极简、超轻量级 CSS 框架，不过不要指望有大量文档。
-
Material Foundation，虽然那里的文档似乎被遗弃了。
-
Material Design Lite 由 Google 工程师发布，因此您可以期待与 Material Design 概念的一致性和紧密一致性。
-
Material Components for the Web 是 Material Design Lite 的继承者，由 Google 工程师和设计师维护。其高级目标包括模块化、遵守 Material Design 指南以及与其他 JavaScript 框架和库的无缝集成。
-
Material-UI，不是严格意义上的 CSS 框架，是使用 React 组件实现 Material Design 的有趣方法。