2021-06-18 使用gulp的服务器插件gulp-server开启一个服务器

最新推荐文章于 2024-05-30 10:17:46 发布

前端OnTheRun

最新推荐文章于 2024-05-30 10:17:46 发布

阅读量370

点赞数

分类专栏：知识点文章标签： gulp node 插件

本文链接：https://blog.csdn.net/rowlet/article/details/117924378

版权

知识点专栏收录该内容

87 篇文章 0 订阅

订阅专栏

本文介绍了如何通过编写gulpfile.js文件并使用gulp-connect模块来创建一个本地开发服务器。通过运行'gulp server'命令，可以成功启动监听3333端口的服务器，其根目录设置为'myProj'，便于前端项目的静态资源预览和调试。

摘要由CSDN通过智能技术生成

编写一个gulpfile.js文件:

gulpfile.js

const connect = require("gulp-connect");
function serverFn() {
    connect.server() {
        port: 3333,
        root: './myProj'
    }
}
exports.server = serverFn;

cmd中输入以下命令:

gulp server

执行结果:

在这里插入图片描述
服务器开启成功

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端OnTheRun

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

gulp-server:API 服务器的 Gulp 集成

07-13

吞咽服务器 API 服务器的 Gulp 集成吞咽任务 help - 显示可用命令列表 dev - 运行开发工作流更改时的 lint 文件对更改运行单元测试在更改时运行 api 端点测试 build - 运行完整的构建工作流程 lints 文件运行单元测试运行 api 端点测试运行代码覆盖率报告运行 api 基准测试运行 api 负载测试运行复杂性报告运行成本分析生成变更日志生成待办事项生成贡献者文件生成文档生成 api-explorer lint - lint 源文件 test - 运行单元测试、api 端点测试和代码覆盖率 comp - 运行复杂性报告和成本分析 load - 运行 api 负载测试 bench - 运行 api 基准测试 explorer - 生成 api 资源管理器 docs - 生成 api 文档 api-endpoint-test

Gulp开发服务器

weixin_45047039的博客

11-18

254

Gulp开发服务器一、安装browser-sync二、创建服务器三、启动服务器四、了解一些服务器配置以及热更新一、安装browser-sync yarn add browser-sync --dev 二、创建服务器 const browserSync = require("browser-sync") const bs = browserSync.create() // 创建一个开发服务器 三、启动服务器 // 启动服务 const serve = () => { bs.init({ //

参与评论您还未登录，请先登录后发表或查看评论

使用gulp创建服务器

CSDN

10-21

821

一、安装gulp和gulp-connectnpm install gulp gulp-connect二、配置gulpfile.js文件//使用connect启动一个Web服务器const gulp = require('gulp');const connect = require('gulp-connect'); gulp.task('connect',function(){ connect....

gulp搭建项目到服务器,利用gulp搭建简单服务器，gulp标准版(示例代码)

weixin_42358827的博客

08-10

316

var gulp = require(‘gulp‘),autoprefixer = require(‘gulp-autoprefixer‘), //自动添加css前缀rename = require(‘gulp-rename‘), //文件重命名sass = require(‘gulp-sass‘), //sass的编译minifycss = require(‘gulp-minify-css‘),...

使用gulp的服务器插件 gulp-server 开启一个服务器

全栈小菜鸟

08-24

1004

前端很多时候我们要启动一个服务器去访问打包后的静态文件，放。太重，使用其他的第三方工具也很重，幸运的是，我们有。然后就开启成功了 😄😄😄😄😄😄😄，就是简单。这种功能强大的工具链，直接看下面代码…

gulp-connect:Gulp插件运行Web服务器（使用LiveReload）

04-13

Gulp插件运行Web服务器（使用LiveReload）赞助商 gulp-connect由赞助！安装 npm install --save-dev gulp-connect 用法 var gulp = require ( 'gulp' ) ; var connect = require ( 'gulp-connect' ) ; gulp . ...

gulp-http-server:简单的 http 服务器样板

06-15

`gulp-http-server` 是一个用于前端开发的轻量级 HTTP 服务器插件，它基于 Node.js 平台并集成在 Gulp 工作流中。Gulp 是一个流行的自动化构建工具，用于编译、压缩、测试等前端开发任务。通过 `gulp-http-server`，...

gulp-json-server:运行 json-server 的 Gulp 插件

05-29

`gulp-json-server` 是一个基于 Gulp 的插件，它允许开发者通过 Gulp 工作流来快速启动和管理 `json-server`。`json-server` 是一个轻量级的工具，用于模拟 RESTful API，通常在开发阶段使用，以便前端开发者能够在...

gulp-webserver, 使用LiveReload运行本地web服务器的流媒体插件.zip

09-18

gulp-webserver, 使用LiveReload运行本地web服务器的流媒体插件 web服务器使用LiveReload运行本地web服务器的流媒体插件提示：这是对吞咽连接的重新编写。安装$ npm install --save-dev gulp-webserver用法gulp.src...

gulp-deploy-static:gulp插件发布静态文件

06-03

`gulp-deploy-static` 是一个基于 `gulp` 的插件，专门用于发布静态文件。在JavaScript开发中，静态文件通常包括HTML、CSS、JavaScript、图片等资源，它们是构成Web应用的基础部分。`gulp` 是一个流行的自动化构建...

gulp-config:一些gulp配置

05-09

文档目录使用方式 win用户双击运行generatefolders_gitignore.bat运行并生成文件夹以及.gitignore文件； linux/unix/mac用户使用makefile文件，暂未配置目录组织结构 jade,用于存放jade模板； less,存放less文件； ea6js,存放es6js； maps，存放maps； local，存放杂物； css，存放生成的css以及其他css文件； js，存放生成的js以及其他js文件 .babelrc为babel配置文件

前端开源库-gulp-server-livereload

08-30

前端开源库-gulp-server-livereloadGulp服务器Livereload，运行本地Web服务器的Gulp插件，通过socket.io启用了Livereload。还附带独立的命令行界面。

gulp-dev-server:使用gulp-dev-server，您可以轻松，简单地简化开发环境。烦人的停止和启动脚本已经结束

05-02

gulp-dev-服务器 使用gulp-dev-server您可以轻松，轻松地简化开发环境。烦人的停止和启动脚本已经结束。安装 npm i --save-dev gulp-dev-server 用法 var gds = require ( 'gulp-dev-server' ) ; // ... gulp . task ( 'dev' , function ( ) { gds . task ( { restart : [ 'lib/**/*.js' ] , notify : [ 'static/**/*.js' ] , server : { environment : 'development' , script : { path : 'server.js' } } } ) } ) ; 执照版权所有（c）2015 Ma

gulp-webserver组件

lhp0906的博客

05-06

4043

Framework 7，运行环境组建，简单易用，不用运行apache及其他环境，节省系统资源，效率工作。

gulp入门10：gulp-webserver搭建热加载服务器

最新发布

软考鸭

05-30

716

是一个用于搭建本地开发服务器的插件，它可以与gulp一起使用，提供实时刷新浏览器、目录列表显示等功能，从而提高前端开发效率。以下是关于。

Gulp

Servenity

01-23

300

Gulp是一款基于流的自动构建化工具,Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。在自己的项目中使用gulp,首先需要创建一个package.json,然后创建一个gulpfile.js文件下面是一个简单的代码块实现一些，less/sass转译，js/css/html压缩以及gulp服务器自启，热加载gulp的简单配置： 1、首先来看下package.json的配置

Gulp前端服务器本地搭建

weixin_30336061的博客

10-23

155

前端服务器本地搭建分三阶段： 1、Node.js的安装 2、Npm环境配置 3、编写JS文件 1、Node.js安装: 　　如图所示: 　　　　　　Next: 　　　　　　选择I accept 然后Next: 　　　　　　选择安装文件的位置，然后Next: 　　　　　　Next: 　　　　　　选择Install: 　　　　　　等待安装: ...

使用 gulp-webserver 和 browser-sync 搭建本地服务器

蒲公英芽的博客

03-10

1917

搭建本地服务器的两种方式：gulp-webserver 或者 browser-sync 都可以实现浏览器的自动刷新。一、gulp-webserver gulp-webserver 是搭建本地服务器，并开启，可以用它实现自动刷新浏览器的功能。安装使用npm安装开发环境依赖 $ npm i gulp-webserver --save-dev 或者使用yarn安装开发环境依赖 $ yarn add...

gulp创建的服务器怎么访问文件,使用gulp设置本地网络服务器

06-08

3. 创建一个任务来启动服务器： ``` gulp.task('server', function() { connect.server({ root: 'dist', // 服务器根目录 port: 8888, // 服务器端口号 livereload: true // 是否启用自动刷新页面 }); }); ...