Использование препроцессора CSS с дизайном материала

Question

Мне еще предстоит использовать препроцессор css с проектом Reaction-Redux, но это скоро изменится.

Я заметил в документах CRA facebook, я могу установить node-sass, но я хочу использовать Material Design, но я заметил в документах Material Design, мне нужно настроить Webpack для работы с MD и node-sass .

А мне вообще нужно использовать node-sass?

Значит ли это, что мне придется сделать npm run eject тогда? Или просто сделай npm install webpack@3.x.x?

Любой, кто имеет ненулевой опыт использования Material Design с препроцессором css в проекте React-Redux, пожалуйста, помогите.

Answer 1

Значит ли это, что я должен был бы тогда выполнить команду npm run eject?Или просто выполните npm install webpack@3.xx?

С новым CRA v2.0, выпущенным в октябре прошлого года, вам не нужно запускать npm run eject для работы с препроцессором css.

И нужно ли мне вообще использовать node-sass?

Да, вы можете сделать npm install node-sass, а затем изменить css файлы на scss исоздавать scss файлы расширений для будущих CSS-файлов.

Material Design - это язык дизайна, созданный для новой ОС Google Android, который был анонсирован летом 2014 года, но, похоже, только сейчас набирает обороты в остальной отрасли..

По сути, это спецификации дизайна, которые Google создал и с тех пор вдохновил различные типы материалов Material Design, с которыми вы можете работать.

Существуют фреймворки CSS, вдохновленные Material Design, которые вы можете использовать самостоятельно.работы с Material Design.Вот следующие библиотеки:

1. Materialize , возможно, является одной из самых известных CSS-фреймворков Material Design.Materialise, разработанный командой высококвалифицированных, увлеченных студентов, широко используется во многих доступных сторонних темах.
2. MUI также довольно популярен.Несмотря на индивидуальные усилия, он поднимает планку, предоставляя готовую поддержку для Angular, React и WebComponents.Подробная документация также заслуживает одобрения.
3. Поверхность - это минимальный, сверхлегкий CSS-фреймворк, использующий Material Design, однако не ожидайте обширной документации.
4. Material Foundation , хотя документация там, похоже, заброшена.
5. Material Design Lite была опубликована инженерами Google, поэтому можно ожидать согласованности и тесного согласования с концепциями Material Design.
6. Material Components for the Web является преемником Material Design Lite и поддерживается инженерами и дизайнерами Google.Его высокоуровневые цели включают модульность, соблюдение рекомендаций Material Design и бесшовную интеграцию с другими фреймворками и библиотеками JavaScript.
7. Material-UI , не совсем CSS-фреймворк в строгом смыслесловом, интересный подход к реализации Material Design с использованием компонентов React.