Less/Sass -> CSS

我們團隊使用 Less 作為主要開發(fā)語言，目前 Sass 也已經(jīng)支持。

以提供的項目示例代碼為例：

── src
   ├── css
       ├── header.less
       ├── lib-mixins.less
       ├── lib-reset.less
       ├── style-index.less
       └── tips.less

style-index.less

/**
 * @name: Test Project
 * @description: This is a demo use of `Gulp Workflow`
 * @author: littledu
 */

/* Import Less files */

@import "lib-mixins";
@import "lib-reset";

/* Import modules like `header.less` */

@import "header";
@import "tips";

style-*.less 為樣式的出口文件，程序只編譯 style- 開頭的 Less 文件，其他的文件都可以認為是一個個模塊，import 在出口文件里面，如 header 模塊。