3.gulp处理任务

一、Sass转换

1.需要下载模块 gulp-sass

在当前文件夹路径下npm install gulp-sass --save-dev 

2.gulpfile.js中

3.cmd执行: gulp sass

此时会自动在dist文件夹下创建css文件夹,并生成css


二.执行多任务

将之前生成的dist文件整个删除

1.gulpfile.js中

2.cmd执行: gulp

此时会自动创建dist文件夹,并且有相应images/css/js/html文件


三.代码合并

将之前生成的dist文件整个删除

1.需要下载模块 gulp-concat

在当前文件夹路径下npm install gulp-concat--save-dev

2.gulpfile.js中


3.cmd执行: gulp

此时会自动创建dist文件夹,并且有相应images/css/js/html文件,src/js中的file1.js和file2.js文件已合并压缩为main.js文件了

四.监听文件

1.gulpfile.js中

2.cmd执行: gulp watch

监听时改变src下任一文件内容,dist下相应文件也会发生改变

下图为改变html和js内容后的状态

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。