javascript - SASS 输出样式通过缩小文件实现自动化

Question

我正在尝试进行测试以正确使用 SASS，并且我想创建一个文件 style.css 并将该文件缩小为 style.min.css

sass --watch sass/style:css --style compressed

效果很好，但我需要同时进行编译和缩小的自动化过程。

我在其他 stackoverflow 中找到了这段代码:

sass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss

但现在不按我想要的方式工作。 同样在 Sass 网页上，2020 年的代码也有所不同。

https://sass-lang.com/documentation/cli/dart-sass#style

我不使用 gulp 工具，因为我认为它对于 Wordpress 元素来说不是必需的。

有人可以帮助我吗？

Answer 1

无论您使用什么构建网站，如果您想完全控制编译/缩小/其他任何内容，那么 gulp 之类的工具就可以满足您的需求。

看起来您正在尝试将 SCSS 编译为 CSS 文件，然后获取编译后的 CSS 文件并将其缩小。该 CLI 工具不会这样做，但它绝对可以同时直接从源 SCSS 进行编译/压缩。

使用您正在使用的二进制文件，这将进行编译和压缩，获取 ./sass/style.scss 并将结果输出到 ./css/style.min。 CSS

sass sass/style.scss:css/style.min.css --style compressed

如果您想让它对 scss 文件中的文件更改使用react，请添加 --watch。

或者您可能试图同时获得未缩小和缩小的版本。在这种情况下，您只需运行两个命令即可。同样，gulp 可以自动化这个过程。

其他二进制文件将具有不同的标志和选项，当然，我肯定会推荐 gulp 选项，因为这样您就不必记住任何冗长的命令，并且可以在元素之间共享您选择的结构/任务。