2018-11-14

gulp集成本地服务器:

踩坑gulp后总结出来的结果,这只是小女的一个总结,如有错误之处,还请大佬们指出~~~大家共同进步哈哈

首先命令 cd 项目名称  切换到项目所在位置

1.全局安装gulp:

npm install --global  gulp

2.在项目目录里作为开发依赖安装:

npm install --save-dev gulp

3.安装gulp-connect:

npm i -D gulp-connect

4.新建gulpfile.js文件:

var gulp = require('gulp');

var connect = require('gulp-connect');

gulp.task('server', function () {

connect.server({

  root: './',   // root表示根目录

  livereload: true,

  port: 8080  (默认3000,可根据自己情况修改)

 });

});

gulp.task('default', ['server']);   // 执行任务

启动服务器: 

1.命令行输入gulp;

2.或者在package.json文件中配置 后执行npm run dev

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1",

"dev": "gulp"

},

你可能感兴趣的:(2018-11-14)