Node.js Can'；t使用定制的具体化Sass文件和GruntJs覆盖节点_模块中的Sass变量

我最近开始玩Materialize，因为我想使用引导以外的东西

我习惯于使用较少的代码，并使用Grunt进行编译，其设置方式如下：

grunt文件将导入一个名为custom.less的文件

这个文件将导入bootstrap-import.less，它将从我使用NPM materialize css获得的node_modules文件夹中导入所有无引导文件

之后，它将在我的自定义文件夹中导入相同的文件结构，在那里我可以覆盖变量并对原始引导CSS进行自定义更改

因此，使用LESS，我可以导入原始variables.LESS文件，然后，我可以包含我自己的variables.LESS文件，在其中我可以覆盖例如@brand primary color

但是，当我尝试使用SASS和materialize执行此操作时，它会继续使用首先设置的变量。它不使用在我自己的变量文件中设置的变量，该文件用不同的颜色定义相同的变量

如果这不合理，请告诉我

MyWebsite/
  |--node_modules
  |  |--materialize-css
  |     |--sass
  |        |--components/all sass files here
  |--src/
  |  |--sass/components/my custom sass files
  |
  |--gruntfile.js // Imports sass files from node modules
  |               // Imports my custom sass files including variables.sass
  |               // to override the variables file in node_modules
  |
  |
  |--index.html

---

我将从您的sass文件中导入materialize

因此，在您的

src/sass/main.scss

// Variables;
@import "../../node_modules/materialize-css/sass/componenets/variables";

// Change your variables here
$primary-color: blue;

// Reset
@import "../../node_modules/materialize-css/sass/componenets/normalize";

// components
@import "../../node_modules/materialize-css/sass/componenets/global";

---

看看他们是如何导入组件的。

我将从您的sass文件中导入materialize

因此，在您的

src/sass/main.scss

// Variables;
@import "../../node_modules/materialize-css/sass/componenets/variables";

// Change your variables here
$primary-color: blue;

// Reset
@import "../../node_modules/materialize-css/sass/componenets/normalize";

// components
@import "../../node_modules/materialize-css/sass/componenets/global";

---

看看他们是如何导入组件的。

那么，您是否会进行npm安装，然后将所有Sass文件从node_modules文件夹复制到您自己的Sass文件夹中？不是复制，而是复制。这意味着您可以重写其他组件使用的变量。（我在上面编辑了我的代码。）那么，您是否会进行npm安装，然后将所有Sass文件从node_modules文件夹复制到您自己的Sass文件夹中？不是复制，而是复制。这意味着您可以重写其他组件使用的变量。（我在上面编辑了我的代码。）可能的重复