核心提示:安装gulp全局安装:`npm install -g gulp`项目安装:`npm install gulp --save-dev`安装browser-sync全局安装 `npm install -g...
安装gulp
全局安装:`npm install -g gulp` 项目安装:`npm install gulp --save-dev`
安装browser-sync
全局安装 `npm install -g browser-sync` 项目安装 `npm install browser-sync --save-dev`
编写代码
在项目根目录下创建文件:gulpfile.js 在gulpfile.js中写入如下代码。
const gulp=require("gulp"); const browserSync=require("browser-sync").create(); gulp.task("serve",function () { browserSync.init({ port:2017, server:{ baseDir:["."] } }); gulp.watch("*.html",["html"]); }); gulp.task("html",function () { gulp.src("*.html") .pipe(browserSync.stream()); }); gulp.task("default",["serve"]);