Gulp学习笔记
Write By CS逍遥剑仙
我的主页: csxiaoyao.com
GitHub: github.com/csxiaoyaojianxian
Email: sunjianfeng@csxiaoyao.com
QQ: 1724338257
1. 安装 Gulp.js
<code class="language-Shell">npm install -g gulp</code>
2. 配置
2.1 创建 package.json 文件
<code class="language-Shell">npm init</code>
2.2 安装依赖项
<code class="language-Shell">npm install --save-dev gulp gulp-util</code>
2.3 安装需要的插件
此处安装两个插件 gulp-uglify 和 gulp-concat,实现对 Javascript 文件压缩和合并,加上 –save-dev 参数会同时添加到包配置文件 package.json,以确保项目所需的依赖包可通过 npm 安装
<code class="language-Shell">npm install --save-dev gulp-uglify gulp-concat</code>
2.4 创建配置文件
创建 gulpfile.js 文件
<code class="language-javascript">// 定义依赖项和插件 var gulp=require('gulp'), gutil=require('gulp-util'), uglify=require('gulp-uglify'), concat=require('gulp-concat'); // 定义名为 "js" 的任务 gulp.task('js', function(){ gulp.src('./js/*.js') .pipe(uglify()) .pipe(concat('all.js')) .pipe(gulp.dest('./js')); // 自动检查指定的资源的变化 gulp.watch('./js/*.js', ['js']); }); // 定义默认任务 gulp.task('default', ['js']);</code>
3. 运行
<code class="language-Shell">gulp</code>