【发布时间】:2020-08-03 17:55:30
【问题描述】:
目前,我可以在查看单个 SCSS 文件时指定文件名,在我的 package.json 文件中使用 node-sass build 命令:
"sass-build": "node-sass src/scss/main.scss dist/css/main.min.css --output-style compressed"
但是,我需要查看整个目录,因为我正在构建多个文件。是否可以使用 node-sass 监视整个目录并操作单个文件的名称?
我需要更改以下文件名:
main.scss --> main.min.css
other.scss --> other.min.css
这些文件位于同一目录中,因此我的构建脚本现在如下所示:
"sass-build": "node-sass src/scss -o dist/css --output-style compressed"
是否有一个参数我可以传递我的脚本以便这样做?我无法在文档中找到任何相关内容。
提前致谢。
【问题讨论】:
-
我认为您应该将 gulp 与 gulp-sass 一起使用,它为您提供了更多功能和一种查看目录和指定输出文件名的简便方法。
-
有趣的是 Dart Sass CLI 是否可以做到这一点,因为它现在是 Sass 的主要风格。不过,我还不能这样做。