sass - 具有多个输入文件的节点资源

Question

我直接从命令行(实际上是一个Makefile)使用node-sass来构建我的CSS。

scss文件位于不同的目录中，并且彼此之间没有引用。我想要的是将这些文件设置为一个CSS输出，并可以从HTML中读取-具有有效的源映射。

这是我在Makefile中拥有的当前命令:

$(OUT_MAIN_CSS): $(SCSS) Makefile $(node-sass)
    cat $(SCSS) > $(TMP_SCSS)
    $(node-sass) --output-style compressed --source-map $(OUT_MAIN_CSS).map $(TMP_SCSS) $@
    rm $(TMP_SCSS)

OUT_MAIN_CSS是 out/bundle.css。 SCSS是输入文件的列表。 node-sass是 node_modules/.bin/node-sass。

我想要一个文件，不需要一个临时文件。另外，我希望我的源映射引用(用于调试)可以指向原始文件，而不是临时文件。

节点ass语法1

node-sass [options] <input.scss> [output.css]

在这里， node-sass坚持只有一个输入文件。如果我有两个或更多，则将第二个视为输出，并将其内容覆盖。

“输入目录”和“输出目录”有一些选项，但是我不想通过这样相当随意的限制来约束我的构建过程(是的，最终我会弯腰...)。

节点ass语法2

cat <input.scss> | node-sass [options] > output.css

这更符合Unix的心态。问题是双重的。我的输出文件位于子目录( out/bundle.css)中，因为 node-sass不了解输出路径，因此它混淆了源映射引用。

似乎有 --source-map-root，但是我没有使它起作用...

我显然是在这里在圆孔中放置一个方形 bolt ，不是吗？你会怎么做？

最好的方法是仅在根目录中包含一个 ring.scss，将所有不相关的部分收集在一起，然后将其暗化吗？

Answer 1

为什么不创建一个main Sass文件，将所有文件导入其中，然后使用node-sass编译main文件？这将导致单个文件具有正确的源映射。