Gulp: Getting Started

最新推荐文章于 2022-09-17 01:00:00 发布

weixin_30482383

最新推荐文章于 2022-09-17 01:00:00 发布

阅读量63

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhangpengc/p/5141002.html

本文详细介绍了如何使用Gulp进行前端资源的自动化打包，包括安装Gulp、配置gulpfile.js以及使用gulp-concat进行文件合并等步骤。

https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md

1. Install gulp globally:

$ npm install --global gulp

2. Install gulp in your project devDependencies:

$ cd C:\Work\MyProject
$ npm install --save-dev gulp

3. Install gulp-concat

$ npm install --save-dev gulp-concat

4. Create a gulpfile.js at the root of your project:

var gulp = require('gulp'),
    concat = require("gulp-concat");

gulp.task('packScripts', function() {
    gulp.src('Scripts/*.js')
        .pipe(concat('all.js'))
        .pipe(gulp.dest('Scripts'));
});

gulp.task('packStyles', function() {
    gulp.src('Content/*.css')
        .pipe(concat('all.css'))
        .pipe(gulp.dest('Content'));
});

gulp.task('default', ['packScripts', 'packStyles']);