让SASS从特定文件(自动)编译到不同的文件夹

我有/source/sass/skin1_settings.scss其中包含来自/vendors/foundation/一些特定的设置风格和app.scss我想我的node.JS直接编译到/skin/skin1/css/app.css ,我该怎么做?

注:第二种风格是相同的。

我正在使用node-sass-middleware为了在Express中使用node-sass。

 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 +--... 

为了将SASS自动编译成CSS,常常select:使用Compass或Grunt与libsass(基于node.js),我build议使用最后一个,你只需要:

  • 安装Grunt
  • 安装libsass (你也可以使用插件grunt-contrib-sass )
  • 设置项目的gruntconfiguration文件,在这里你说你想每个CSS文件编译到哪里(检查上面的libsass页面,那里有configuration示例)。

当你打算在这个项目上工作时,只需使用grunt config来观察文件就行了,编辑你的文件和咕噜声就可以编译(如果需要的话,你可以在控制台上查看错误)。

希望这可以帮到你。