具体化CSS-如何将颜色修改与NPM模块分开?

您不应直接更改 node_modules 文件,而不是在项目根目录中定义另一个文件,例如: app.scss

/
  ...
  node_modules/
  ...
  app.css
  package.json

如图所示: http://materializecss.com/sass.html ,您现在可以更改托盘,因此 应用程序。scss公司 文件:

// Import materialize-css
@import "~materialize-css/sass/materialize";

$primary-color: color("materialize-red", "lighten-2") !default;
$primary-color-light: false !default;
$primary-color-dark: false !default;
@if not $primary-color-light {
  $primary-color-light: lighten($primary-color, 15%);
}
@if not $primary-color-dark {
  $primary-color-dark: darken($primary-color, 15%);
}
$secondary-color: color("teal", "lighten-1") !default;
$success-color: color("green", "base") !default;
$error-color: color("red", "base") !default;

$link-color: color("light-blue", "darken-1") !default;

/*** More variables not shown here.. ***/

笔记 您需要添加 sass 编译器。