一、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内容后的状态