问新导入的文件不能编译为CSS ( NPM Compile:SASS )

EN

这就是它的工作原理。当SASS编译器启动时，它会生成一个需要监视更改的.scss文件列表。在编译器启动后创建的任何文件都不会被监视是否有更改。

编译的最佳首选方法是将其编译成一个主.scss文件。创建的任何新文件都应创建为局部文件(即不编译为单独的.css文件)。

例如。我创建了一个style.scss文件，该文件编译为style.css。现在假设我想要为表单创建一个文件，因此我创建了_forms.scss并将该文件导入到style.scss中。

以_开头的文件称为部分文件，它们不会编译为单独的.css文件。但是，可以按照它应该使用的方式使用它，即，只有当包含在局部文件中的样式是某个主文件的一部分，并且它本身不是独立的scss文件时，才创建局部文件。

_forms.scss

.input {
    padding: 4px;
    border: 1px solid #ccc;
}

style.scss:

@import "path_to/form";
.body {
  margin: 0;
  font-family: calibri;
}