让 SASS（自动）从特定文件编译到不同的文件夹中答案

【问题标题】：Get SASS to (auto) compile from specific files into different folders让 SASS（自动）从特定文件编译到不同的文件夹中
【发布时间】：2014-12-22 21:08:31
【问题描述】：

我有/source/sass/skin1_settings.scss，其中包含来自/vendors/foundation/ 的导入、该样式的一些特定设置以及app.scss。 我想让我的node.JS直接编译成/skin/skin1/css/app.css，我该怎么做？

注意： 这与第二种风格相同。

我正在使用 node-sass-middleware 以便将 node-sass 与 Express 一起使用。

app.use(
 sass({
     src: [sass_folder], 
     dest: [css_folder],
     debug: true,       
 })
);

这是我的树形结构，谢谢。

./    
    +--vendors/                 <-- Third-party libs from external vendors
        +--jquery/         
        +--foundation/     
        +--angularjs/      
        +--modernizr/      

    +--source/
        +--sass/                        <-- custom stylesheet (not present on the prod server)
            +--skin1_settings.scss
            +--skin2_settings.scss
            +--app.scss

    +--skin/
        +--skin1/
            +--img/             <-- imported images (..@2x, ..@3x)  
            +--css/             <-- generated stysheet

        +--skin2/
            +--img/             <-- imported images (..@2x, ..@3x)  
            +--css/             <-- generated stysheet

    +--html/                    <-- HTML Mockups
        +--...

【问题讨论】：

你应该看看这个线程。我自己没有使用过它，但我发现几个网站都在说同样的事情。祝你好运！ stackoverflow.com/questions/8535336/…

标签： node.js express sass node-sass

【解决方案1】：

要将 SASS 自动编译为 CSS，通常的选择是：使用 Compass 或带有 libsass（基于 node.js）的 Grunt，我建议使用最后一个，您只需要：

安装Grunt
安装libsass（也可以使用插件grunt-contrib-sass）
为项目设置 grunt 配置文件，在这里你说你希望每个 CSS 文件编译到哪里（查看上面的 libsass 页面，那里有配置示例）。

当您要处理项目时，只需使用 grunt 配置来查看文件，就是这样，编辑您的文件，然后 grunts 进行编译（如果需要，您可以在控制台中查看错误）。

希望对你有帮助。

【讨论】：