gulp基本入门
2016-03-10 17:50
351 查看
gulp是一个前端自动化构建的一个工具
1.前置:
1..1在使用gulp之前,先安装node和npm
2.安装gulp:
2.1 npm install gulp
3.打包项目:
3.1 新建 gulpfile.js
3.2 新建package.json
3.3 运行打包
gulp test
3.4 说明
gulp.src()::获取源文件
pipe():管道
uglify():压缩源文件
gulp.dest():处理后文件另存为
1.前置:
1..1在使用gulp之前,先安装node和npm
2.安装gulp:
2.1 npm install gulp
3.打包项目:
3.1 新建 gulpfile.js
// 获取 gulp var gulp = require('gulp') // 获取 uglify 模块(用于压缩 JS) var uglify = require('gulp-uglify') // 压缩 js 文件 // 在命令行使用 gulp script 启动此任务 gulp.task('script', function() { // 1. 找到文件 gulp.src('js/*.js') // 2. 压缩文件 .pipe(uglify()) // 3. 另存压缩后的文件 .pipe(gulp.dest('dist/js')) }) // 在命令行使用 gulp auto 启动此任务 gulp.task('auto', function () { // 监听文件修改,当文件被修改则执行 script 任务 gulp.watch('js/*.js', ['script']) }) // 使用 gulp.task('default') 定义默认任务 // 在命令行使用 gulp 启动 script 任务和 auto 任务 gulp.task('default', ['script', 'auto'])
3.2 新建package.json
{}
3.3 运行打包
gulp test
3.4 说明
gulp.src()::获取源文件
pipe():管道
uglify():压缩源文件
gulp.dest():处理后文件另存为
相关文章推荐
- ViewPager加RadioGroup构建底部导航
- screen 配置
- Android 登陆界面
- HDU1890 Robotic Sort(Splay)
- 利用redrat模拟遥控器
- linux修改用户打开文件数量的限制
- 如何判断微信内置浏览器
- Codeforces Round #344 (Div. 2) A. Interview
- 网页自动跳转/定时跳转代码
- Spark的39个机器学习库-英文
- leetcode(198)(213) HouseRobber HouseRobber-II
- 利用ViewPager实现引导界面+底部小圆点
- java 正则表达式
- 安卓sdk FaceDetector 进行人脸抓取
- javascript精华技巧
- C# 游戏开发中使用 Dictionary 实现消息分发
- window覆盖导航栏
- 条件注释
- jenkins配置svn、gradle、ssh
- myeclipse内存配置