Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/macos/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将多个scss文件写入一个小型css_Css_Macos_Sass_Node Sass - Fatal编程技术网

将多个scss文件写入一个小型css

将多个scss文件写入一个小型css,css,macos,sass,node-sass,Css,Macos,Sass,Node Sass,我有四个文件: 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是map文件,我可以使用node sass在一个脚本命令中执行吗?我在用macOS 非常感谢 你绝对可以做到

我有四个文件:

  • 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是map文件,我可以使用node sass在一个脚本命令中执行吗?我在用macOS


非常感谢

你绝对可以做到

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

然后您需要生成style.scss,将其他scss文件导入其中,然后编译它

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

它通过导入来编译

假设您的
style.scss
与部分文件位于同一文件夹中,这就是
style.scss

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

你绝对可以做到

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

然后您需要生成style.scss,将其他scss文件导入其中,然后编译它

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

它通过导入来编译

假设您的
style.scss
与部分文件位于同一文件夹中,这就是
style.scss

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

谢谢@DanMullin,但是脚本声明会是什么样子?@Seven我用style.scss文件需要包含的内容更新了答案,但我的意思是像package.json:)这样我就得到了style.css,styles.min.css和styles.map.cssthanks@DanMullin但是脚本声明会是什么样子?@Seven我用style.scss文件需要包含的内容更新了答案,但我的意思是像package.json:)这样我就得到了styles.css、styles.min.css和styles.map.css