2

我有/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
        +--...
4

1 回答 1

1

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

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

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

希望这可以帮到你。

于 2015-01-22T20:15:10.407 回答