部分样式表更改时自动编译 SASS 样式表

发布于 2024-12-07 00:01:57 字数 228 浏览 0 评论 0原文

我刚刚开始在 Windows 机器上使用 SASS 进行一个项目。主样式表(styles.scss)导入几个部分(_typography.scss等),styles.scss由sass监视并自动编译为styles.css。

在 Mac 上,对部分的任何更改都会导致 styles.scss 重新编译,但在 PC 上,我必须保存 styles.scss 本身才能让 SASS 编译它。有没有办法让 PC 的行为与 Mac 相同?

I've just started working on a project using SASS on a windows machine. The main stylesheet (styles.scss) inports several partials (_typography.scss etc), and styles.scss is watched by sass and gets automatically compiled to styles.css.

On a mac, any changes to the partials results in styles.scss getting recompiled, but on a pc I have to save styles.scss itself in order to get SASS to compile it. Is there a way I can get a pc to behave the same as a mac?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

残花月 2024-12-14 00:01:57

我也有类似的问题。

我的文件结构如下所示:

website-root
    _dev
        _some-partial.scss
        _stuff.scss
        main.scss
    css
        main.css
    js
        ...
    watchSass.bat
    ...

我将 .scss 文件保存在 _dev 中,并将它们编译到 css 文件夹中。

我以前的批处理文件如下所示:

sass --watch "_dev\main.scss":"css\main.css"

我只是将其更改为查看整个文件夹,而不是特定文件,如下所示:

sass --watch "_dev":"css"

现在更改任何 .scss 文件都会导致非部分文件重新编译(反过来重新编译它们包含的部分文件)。

感谢 freenode #sass 上的用户 hlb 帮助我解决了这个问题!

I was having a similar problem.

My file structure looked like this:

website-root
    _dev
        _some-partial.scss
        _stuff.scss
        main.scss
    css
        main.css
    js
        ...
    watchSass.bat
    ...

I keep my .scss files inside _dev, and compile them out into the css folder.

My previous batch file looked like this:

sass --watch "_dev\main.scss":"css\main.css"

I simply changed it to watch the entire folder, not the specific file, like this:

sass --watch "_dev":"css"

Now changing any .scss file causes the non-partials to be recompiled (in turn recompiling the partials they include).

Thanks to user hlb on freenode #sass for helping me sort that out!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文