1。安装口
首先，你必须安装Nodejs，如果你没有安装的同学，请下载吧。先在命令行中输入安装g大口大口下载
两。创建一个吞咽项目
创建一个文件夹，您需要的项目，然后输入新公共管理（NPM init init命令）在根目录下创建你的package.json文件，从而节省了关于这个项目的相关信息，例如，你使用的依赖。
三。使用NPM安装安装各种依赖关系
例子:
NPM安装浏览器同步--节省开发
所有这些依赖项都在这里使用，请下载它们的详细信息。
四。写gulpfile.js
首先，声明这些依赖关系
然后，我们将开始最重要的工作，并配置这些依赖项。
1。配置压缩CSS
U3000
2。配置压缩JS
三.配置压缩img
4。html配置，没有压缩，没有压缩感（需要不同的人，不同的视图）。
5。清楚地配置文件，因为每次生成包装时都会生成新文件，所以在此之前，前一个文件将被清除。
6。配置浏览器热负载
7。配置包
这里的runsequence是同时执行多个命令的能力
8。设置何时开始执行的配置
最后把所有代码交给你参考。
VaR大口=需要（'gulp）；
VaR SASS =需要（'gulp-sass）；
无功browsersync =需要（'browser-sync）；
VaR丑化=需要（'gulp-uglify）；
无功imagemin =需要（'gulp-imagemin）；
无功minifycss =需要（'gulp-minify-css）；
VaR缓存=需要（'gulp-cache）；
var德尔=需要（'del）；
无功runsequence =需要（'run-sequence）；
无功minifyhtml =需要（大口缩小HTML）；
Gulp.task（'sass功能）{ / /萨斯（包
返回gulp.src（'app / / /丽* * *。丽）
（管）（SASS）非CSS SASS / /转换口
。管（gulp.dest（'app / CSS））
管（browsersync.reload（{）。
流：真的
}））
}）；
Gulp.task（'js，函数（）{（）{
Gulp.src（'app / * * / * .js）
。管（（丑化）） / /压缩
。管（gulp.dest（以内以每））；
}）；
Gulp.task（'css，函数（）{（）{
Gulp.src（'app / / * CSS CSS。）
管（minifycss（））。
。管（gulp.dest（以内以每 / CSS））
}）
Gulp.task（'minify-html，函数（）{（）{
Gulp.src（'app / * * / *。HTML） / /压缩的HTML文件
。管（gulp.dest（以内以每））；
}）；
Gulp.task（'images，函数（）{（）{
返回gulp.src（'app / / /图像* * * +（PNG | JPG JPEG GIF | | | SVG））
意象贯穿了imagemin / /缓存
。管（缓存（imagemin）（{）
交错：真
（}））
。管（gulp.dest（以内以每 /图像））
}）；
Gulp.task（干净的，函数（回调）{
德尔（以内以每）；
返回cache.clearall（回调）；
}）；
Gulp.task（手表，{ 'browsersync '，'sass}，函数（表）{ / /我们可以在大口告知任务，browsersync和非任务了。
Gulp.watch（'app / / /丽* * *。丽，{ 'sass}）；
Gulp.watch（'app / * .html，browsersync。重装）；
Gulp.watch（'app / / / JS * *。JS，browsersync。重装）；
其他观察者
}）；
Gulp.task（'browsersync功能）{（浏览器 / /热负荷
BrowserSync（{
服务器：{
BaseDir：'app
}，
}）
}）；
Gulp.task（'build，函数（回调）{
runsequence（干净的，{ 'minify-html '，'js '，'images '，'css}，回调）
}）；
Gulp.task（'default，函数（回调）{
runsequence（{ 'sass '，'browsersync，手表}，
回调
）
}）；
以上是萧边介绍JS，用口来实现压缩文件和浏览器的热加载功能，希望对你有帮助，如果您有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。
