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

时间:2019-02-20 20:23:48

标签: node.js sass

我只是从SASS开始,完全是初学者。 软件包compile:sass可以正常工作,但是问题是,每当我创建一个新的scss文件时,我都必须完全重新启动SASS编译器和live-server(软件包)才能真正检测到对新文件所做的更改。我解决了这个问题,还是这样运作?

是否有更好的方法来编译SASS?

1 个答案:

答案 0 :(得分:0)

这就是它的工作方式。 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;
}