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 年的代码也有所不同。

我不使用 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

--watch如果您想让它对 scss 文件中的文件更改做出反应，请添加。

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

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