gulp使用流程

在安装 Webpack 前,你本地环境需要支持node.js

mac系统在终端上安装东西的时候 一般加上sudo   打开权限

gulp 是基于 node 实现 Web 前端 动化开发的 具,  它能够极 的 提 开发效率。gulp 还可以做很多事

 1. 压缩CSS    2. 压缩图     3. 编译Sass/LESS    4. 编译CoffeeScript    5. markdown 转换为 html 6.压缩合并js


创建文件夹gulp  里面创建三个文件:app文件夹(放自己写的内容 未压缩的);  build文件夹(放压缩后的文件);  gulpfile.js文件(配置文件,文件名不能修改)

1.安装 gulp:  sudo cnpm install gulp

2.建立gulpfile.js配置文件,引入gulp模块

3.获取到压缩js的模块uglify:npm install gulp-uglify --save ;引入gulp-uglify模块

4.创建压缩任务:gulp.task(name, fn) - 定义任务,第一个参数是任务名,第二个参数是任务 内容。

    gulp.src(path) - 选择文件,传入参数是文件路径。

    gulp.dest(path) - 输出文件

    gulp.pipe() - 管道,你可以暂时将 pipe 理解为将操作加入执行队列

5.监听文件修改:gulp.task('auto', function () {

        // 监听文件修改,当文件被修改则执行 script 任务 gulp.watch('js/*.js', ['script'])

    })

6.css压缩:  安装gulp-clean-css来压缩css


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容