Less/Sass -> CSS

我們團(tuán)隊(duì)使用 Less 作為主要開(kāi)發(fā)語(yǔ)言，目前 Sass 也已經(jīng)支持。

以提供的項(xià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- 開(kāi)頭的 Less 文件，其他的文件都可以認(rèn)為是一個(gè)個(gè)模塊，import 在出口文件里面，如 header 模塊。