https://github.com/dukegod/gulp-browserify-scaffold

gulp,es6,sass,pug,browserify
https://github.com/dukegod/gulp-browserify-scaffold

Last synced: 8 days ago
JSON representation

gulp,es6,sass,pug,browserify

• Host: GitHub
• URL: https://github.com/dukegod/gulp-browserify-scaffold
• Owner: dukegod
• Created: 2016-06-05T10:37:44.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-10-08T06:37:00.000Z (over 6 years ago)
• Last Synced: 2024-12-15T02:27:41.346Z (about 1 month ago)
• Language: JavaScript
• Homepage:
• Size: 110 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## gulp-es6-sass-browserify

目录说明：

- dist 作为开发目录

- src  源文件目录

- cdn  编译压缩上线目录

### javascript

使用es6书写代码

eslint 检测代码质量

### css

使用normalize初始化样式表.

使用以node-sass为班底的gulp-sass模块管理sass，以保证跨平台也能很好的支持

sass编写css，更好的处理继承

autoprefixer作为后期css处理

pages文件作为输出文件夹，按需求加载样式

### browserify

加载zepto

```

$ = require('zepto-browserify').$

Zepto = require('zepto-browserify').Zepto

```

SS

### Browsersync

作为静态服务器，并且实现各个端口的自动同步加载功能。

### gulp-sass

[gulp-sass](https://www.npmjs.com/package/gulp-sass)

### gulp-clean-css

处理css的压缩

### gulp-sourcemaps

给js css 添加sourcemaps支持

```

  va r sourcemaps = require('gulp-sourcemaps');

  gulp.task('sass', function () {

   return gulp.src('./sass/**/*.scss')

    .pipe(sourcemaps.init())

    .pipe(sass().on('error', sass.logError))

    .pipe(sourcemaps.write())

    .pipe(gulp.dest('./css'));

  });

```

### gulp-rev

文件名称修改

### pump  gulp-uglify

uglify 用来压缩js

pump用来收集error信息，并处理。