一、gulp 和webpack 的区别
前端开发自动化工作流工具,JavaScript自动化构建工具grunt、gulp、webpack。
grunt 和gulp 是一个优化前端流程的工具,而webpack是一个预编译模块的方案同时也是一个打包工具。具体关系如下图:
js的规范有两个 AMD 和CMD,在线编译模块方案分为requireJs 和seaJs,预编译模块方案分为:browserify 和webpack(也用于打包),自动化工具Gulp和Grunt。
二、gulp 的安装
需要node环境 ,node安装好后,再用npm指令安装。
安装指令:
- npm install--global gulp
开发依赖安装
- npm install--save - dev gulp
创建一个gulpfile.js文件
- var gulp = require('gulp');
- gulp.task('default',
- function() {
- //放入默认任务代码
- });
运行gulp指令
- gulp
来源: https://www.2cto.com/kf/201709/680111.html