css - 将许多 scss 文件写入一个缩小的 css

Question

我有四个文件：

• scss/bootstrap-grid.scss
• scss/bootstrap-reboot.scss
• scss/bootstrap-utilities.scss
• scss/bootstrap.scss

在这些文件中，我需要 3 个 - public/css/styles.css styles.css.map 和 styles.min.css

min.css 是缩小文件，map 是地图文件，我可以使用 node sass 在一个脚本命令中执行吗？我正在使用 macOS

非常感谢！

标签： cssmacossassnode-sass

Answer 1

你绝对可以做到这一点。

您唯一需要做的就是以下划线开头的所有 SCSS 文件的名称。

然后你需要制作style.scss，将其他SCSS文件导入其中，然后编译它。

下划线作为文件名的第一个字符告诉编译器该文件是部分文件，不应编译。

它是通过导入来编译的。

假设您style.scss与部分文件在同一个文件夹中，这就是您所需要的style.scss

   @import "_bootstrap-grid";
   @import "_bootstrap-reboot";
   @import "_bootstrap-utilities";
   @import "_bootstrap";