css – 使用node-sass观察和编译整个文件夹？

2023年3月7日 249次阅读

Compass有一个可爱的命令,可以监视和编译给定目录中的所有scss：

compass watch *foldername*

然而,基于Ruby的指南针有点慢,基于C的SASSC以node-sass的形式包装,速度要快得多.事实上,我无法使用node-sass复制这个看似简单的功能.

我按照这里给出的指示：http://benfrain.com/lightning-fast-sass-compiling-with-libsass-node-sass-and-grunt-sass/,它可以很好地设置node-sass with grunt来监视文件更改,但它似乎不支持观看和转换整个文件夹,不知道文件名.

我试过改变了

sass: {
        dist: {
            files: {
                'css/styles.css': 'sass/styles.scss'
            }
        }
    }

文件夹的价值,以及其他许多东西,似乎没有任何作用.我承认我对grunt一无所知.有没有办法复制

compass watch *folder*

要么

sass --watch *folder*:*folder*

我没有尝试过,或者这不存在？

最佳答案 Yaniv在正确的轨道上,但魔术似乎在“扩展”.这是最终的工作：

    sass: {
        dist: {
            files: [{
                expand: true,
                src: ['sitecontent/**/*.{scss,sass}'],
                ext: '.css'
            }]
        }
    }

这将编译sitecontent文件夹和所有子文件夹中的所有sass文件,并将css放在sass文件旁边 – 它不会将它们编译到其他文件夹中.

点赞