将多个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
非常感谢 你绝对可以做到 您需要做的唯一一件事是以下划线开头命名所有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