gulp>> gulp-recipes>> 返回
项目作者： radiovisual

项目描述 ：
A collection of some useful gulp tasks
高级语言：
项目地址: git://github.com/radiovisual/gulp-recipes.git
创建时间： 2016-09-30T11:10:51Z
项目社区：https://github.com/radiovisual/gulp-recipes
开源协议：The Unlicense
下载


gulp-recipes

A collection of some useful gulp tasks.

:boom: :tropical_drink:

All of these snippets are for reference only. If you copy-paste you will almost certainly need to tweak things like the file paths, globs, etc.

Concatenate/minify JavaScript dependencies

  1. var uglify = require('gulp-uglify');
  3. gulp.task('build-deps', function() {
  4.     console.log('building dependencies to file: ./src/js/vendor/build/dependencies.min.js');
  5.     return gulp.src(['./dist/js/vendor/*.js'])
  6.         .pipe(uglify({
  7.             preserveComments: 'license'
  8.         }))
  9.         .pipe(concat('dependencies.min.js'))
  10.         .pipe(gulp.dest('./dist/js/vendor/build/'));
  11. });

Reload browser when dependencies have changed

  1. var browserSync = require('browser-sync').create();
  3. gulp.task('browser-sync', function () {
  4.     browserSync.init({
  5.         server: {
  6.             baseDir: './dist'
  7.         }
  8.     });
  9.     gulp.watch(['./dist/*.html'], ['reload']);
  10.     gulp.watch(['./dist/css/*.css'], ['reload']);
  11.     gulp.watch(['./dist/js/*.js'], ['reload']);
  12. });
  14. gulp.task('reload', function () {
  15.     browserSync.reload();
  16. });

Upload project files via FTP

  1. var ftp = require( 'vinyl-ftp' );
  3. gulp.task('ftp', function () {
  4.     var conn = ftp.create({
  5.         host:     process.env.FTP_HOST,
  6.         user:     process.env.FTP_USER,
  7.         password: process.env.FTP_PASS,
  8.         parallel: 2,
  9.         log:      gutil.log
  10.     });
  11.     var globs = [
  12.         'dist/css/**/*',
  13.         'dist/js/**/*.js',
  14.         'dist/img/**/*',
  15.         'dist/.htaccess'
  16.     ];
  17.     // using base = '.' will transfer everything to /public_html correctly
  18.     // turn off buffering in gulp.src for best performance
  19.     return gulp.src(globs, {base: '.', buffer: false})
  20.         .pipe(conn.newer( '/' )) // only upload newer files
  21.         .pipe(conn.dest( '/' ));
  22. });

Convert SASS to CSS

  1. var uglifycss = require('gulp-uglifycss');
  2. var concat = require('gulp-concat');
  3. var sass = require('gulp-sass');
  5. gulp.task('sass', function () {
  6.     return gulp.src(['./dist/sass/*.scss', '!./dist/sass/mixins.scss', '!./dist/sass/print.scss'])
  7.         .pipe(sass().on('error', sass.logError))
  8.         .pipe(uglifycss({
  9.             "maxLineLen": 80,
  10.             "uglyComments": true
  11.         }))
  12.         .pipe(concat('styles.min.css'))
  13.         .pipe(gulp.dest('./dist/css'));
  14. });

Convert all markdown files to html

  1. var gulp = require('gulp');
  2. var wrapper = require('gulp-wrapper');
  3. var markdown = require('gulp-markdown');
  5. var html = {
  6.   header: '<html>',
  7.   footer: '</html>'
  8. }
  10. gulp.task('build-html', function () {
  11.   return gulp.src(files)
  12.         .pipe(markdown({gfm: true}))
  13.         .pipe(wrapper({
  14.             header: html.header,
  15.             footer: html.footer
  16.         }))
  17.         .pipe(gulp.dest('build/html'));
  18. });

Convert all markdown files to pdf

  1. var gulp = require('gulp');
  2. var markdownpdf = require('gulp-markdown-pdf');
  4. gulp.task('build-pdfs', ['build-html'], function () {
  5.     return gulp.src(files)
  6.         .pipe(markdownpdf({
  7.             cssPath: 'dependencies/pdf.css'
  8.         }))
  9.         .pipe(gulp.dest('build/pdf'));
  10. });

Concatenate all markdown files into a single html file

  1. var concat = require('gulp-concat');
  2. var markdown = require('gulp-markdown');
  3. var wrapper = require('gulp-wrapper');
  5. gulp.task('concat-html', function() {
  6.     return gulp.src(files)
  7.         .pipe(concat('00-all-documents.md'))
  8.         .pipe(markdown({gfm: true}))
  9.         .pipe(wrapper({
  10.             header: html.header,
  11.             footer: html.footer
  12.         }))
  13.         .pipe(gulp.dest('build/html'));
  14. });

Concatenate all markdown files into a single pdf file

  1. var concat = require('gulp-concat');
  2. var markdownpdf = require('gulp-markdown-pdf');
  4. gulp.task('concat-pdf', function() {
  5.     return gulp.src('*.md')
  6.         .pipe(concat('00-all-documents.md'))
  7.         .pipe(markdownpdf({
  8.             cssPath: 'dependencies/pdf.css'
  9.         }))
  10.         .pipe(gulp.dest('build/pdf'));
  11. });

Copy folder from one location to another

  1. gulp.task('copy-dependencies', function() {
  2.     return gulp.src(['dependencies/**/*']).pipe(gulp.dest('build/html/dependencies'));
  3. });