gulp之gulp-connect模块

gulp-connect作用：建立一个webserver

gulpfile.js如下

var gulp = require(‘gulp‘),
  connect = require(‘gulp-connect‘);

gulp.task(‘dev‘, function() {
  connect.server({
    port: 8000,
    livereload: true
  });
});

效果：

命令行运行命令 gulp dev，浏览器访问 http://localhost:8000/，如下

时间： 2024-11-03 03:28:33

gulp之gulp-connect模块的相关文章

[如何在mac下使用gulp] 2. gulp模块的常用方法

常用的gulp模块方法有: gulp.src() gulp.src('client/one.js'); //指定明确的要处理文件 gulp.src('client/*.js'); //处理client目录下所有后缀为.js的文件 gulp.src('client/**/*.js'); //处理client目录及其子目录所有为.js的文件 gulp.src('!client/main.js');//处理除了client/main.js以外的文件 gulp.src()方法用于产生数据流.要处理的文件

关于用gulp合并压缩seaJs模块

现在很多人都在用seaJs来开发项目,seaJs上手容易,操作简单.但在后期做合并压缩的时候却中了个巨大无比的坑,但坑也总得有人来填.于是花了将近一个星期的时间来填了这坑,现将填坑的一些心得与大家分享.在网上搜了下相关的资料,不得不说网上资料很多的坑(都是复制别人的...),说多都是泪.下面总结下已找到的seaJs合并压缩的几种办法,让中坑的人尽快脱坑. 第一种: 在seaJs的官网上有他自带的一个seajs-combo插件.看似不错,和minify差不多.这种方法比较简单粗暴:下载个JS文件引

gulp 报"import gulp from 'gulp'"的错解决方案

在执行gulp serve时 gulp serve 当前的node版本不支持es6新语法所以需要一个编译转换器----babel Babel是一个转换编译器,它能将ES6转换成可以在浏览器中运行的代码. 第一步:如果在package.json中增加一个第二步:新建一个文件.babelrc 把下面这段文本添加到.babelrc文件中去 { "env": { "production": { "plugins": ["transform-

Node.js笔记(0001)---connect模块

首先来看这一部分代码 1 /** 2 * Created by bsn on 14-7-1. 3 */ 4 var connect = require('connect'); 5 6 var app = connect(); 7 function hello(req, res, next) { 8 console.log(req.url); 9 res.end('hello bsn'); 10 next(); 11 } 12 13 function helloAgain(req, res) {

在windows下安装gulp —— 基于 Gulp 的前端集成解决方案（一）

一.准备工作 1.什么是 npm? npm 是nodejs的包管理工具,主要功能就是管理.更新.搜索.发布node的包.Gulp 就是通过 NPM 安装的.关于 NPM 中文介绍,这里有一篇非常不错的文章:http://www.cnblogs.com/chyingp/p/npm.html 完整的 NPM 文档请看这里 :https://docs.npmjs.com 2.安装 Node.js 并升级 NPM 到最新版本 nodejs 安装:打开 nodejs.org 下载 nodejs 安装包,并

利用gulp 插件gulp.spritesmith 完成小图合成精灵图，并自动输出样式文件

yarn add gulp yarn add gulp.spritesmith 本次依赖的版本是: "gulp": "^3.9.1" "gulp.spritesmith": "^6.5.1" gulpfile.js的配置 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

介绍一种基于gulp对seajs的模块做合并压缩的方式

之前的项目一直采用grunt来构建,然后用requirejs做模块化,requirejs官方有提供grunt的插件来做压缩合并.现在的项目切到了gulp,模块化用起了seajs,自然而然地也想到了模块合并压缩的问题.然后一开始在解决这个问题的时候,并不是很顺利,在npm上并没有那种特别流行的专门用来做seajs合并压缩的gulp插件,虽然在seajs的github上也看了不少的issue,但是大多数都是只能将所有的模块文件合并成一个总的文件,这对于单页面的应用来说肯定没有问题,但是对于多页面的应

Gulp思维——Gulp高级技巧

本文翻译自Getting gulpy -- Advanced tips for using gulp.js 感受过gulp.js带来的兴奋过后,你需要的不仅仅是它的光鲜,而是切切实实的实例.这篇文章讨论了一些使用gulp.js时常踩的坑,以及一些更加高级和定制化的插件和流的使用技巧. 基本任务 gulp的基本设置拥有非常友好的语法,让你能够非常方便的对文件进行转换: gulp.task('scripts', function() { return gulp.src('./src/**/*.js'

[转]Gulp思维 —— Gulp高级技巧

感受过gulp.js带来的兴奋过后,你需要的不仅仅是它的光鲜,而是切切实实的实例.这篇文章讨论了一些使用gulp.js时常踩的坑,以及一些更加高级和定制化的插件和流的使用技巧. 基本任务 gulp的基本设置拥有非常友好的语法,让你能够非常方便的对文件进行转换: gulp.task('scripts', function() { return gulp.src('./src/**/*.js') .pipe(uglify()) .pipe(concat('all.min.js')) .pipe(gu

nodejs编译sass模块包 node-compass，与gulp包gulp-sass使用方法

简介:node express或者就是node项目中,要自动编译sass方法很多,比如gulp 比如考拉,比如今天我想说的这个包node-compass. 方法一: 命令行编译sass: 方法二:gulp-sass 方法三:node-compass 方法一: 命令行编译sass: 1 compass compile 回车确认即可生成对应的css代码方法二:gulp-sass 1.前提条件: 电脑中安装有ruby, 项目中已经安装与配置好基本的gulp(配置与安装本文不介绍.gulp基本用法也不