本地开发 npm 好用的http server、好用的web server、静态服务器

这篇具有很好参考价值的文章主要介绍了本地开发 npm 好用的http server、好用的web server、静态服务器。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

好用的web server总结

有时需要快速启动一个web 服务器(http服务器)来伺服静态网页,安装nginx又太繁琐,那么可以考虑使用npm serve、http-server、webpack-dev-server。

npm serve

npm 的serve可以提供给http server功能, 如果你想提供静态站点单页面应用或者静态文件甚至罗列文件夹的内容服务,那么npm serve 是你想要的。

本地开发 npm 好用的http server、好用的web server、静态服务器,前端,npm,http

用法

  • 首先全局安装serve,npm install --global serve
  • 安装完毕后,在项目里运行 serve或者指定文件夹运行 serve folder_name
    • serve --help可查看帮助
  • 如果想自定义,则创建serve.json,然后插入指定属性,具体可参考serve-handler options,常见的属性有public、rewrites、headers

npm http-server

http-server是一个简单、零配置的命令行静态http server,支持HTTPS

用法

  • 全局安装,npm install --global http-server或者不安装,直接执行npx http-server [path] [options]
  • 运行,http-server [path] [options]
    • path默认是./public如果public文件夹存在,否则是./

npm webpack-dev-server

用webpack时,它提供了一个热加载的开发服务器webpack-dev-server,其实内部用的是 webpack-dev-middleware

用法

  • 局部安装,npm install webpack-dev-server --save-dev
  • 启动,webpack serve,启动时支持很多参数,具体可参考官方文档webpack-dev-server options

总结

综合来看,webpack-dev-server应该是最强大的;serve、http-server相当简单是轻量级的。文章来源地址https://www.toymoban.com/news/detail-634936.html

到了这里,关于本地开发 npm 好用的http server、好用的web server、静态服务器的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • http-server使用,启动本地服务器 & 使用serve包本地启动

    http-server使用,启动本地服务器 使用serve包本地启动 直接打开html文件,跨域不渲染图片 1、简介 官网:https://github.com/http-party/http-server http-server是一个简单的零配置命令行 http服务器 。 它足够强大,足以用于生产用途,但它既简单又易于破解,可用于测试,本地开发和学习。

    2024年02月02日
    浏览(38)
  • python3 简易 http server:实现本地与远程服务器传大文件

    在个人目录下创建新文件 httpserver.py : 文件内容为python3代码: 在需要暴露的目录下启动http服务,如 /data/codes/ 随后在个人电脑访问 http://ip:8888 即可浏览文件、上传文件:

    2024年02月08日
    浏览(41)
  • 如何使用Node.js快速创建HTTP服务器并实现公网访问本地Server

    Node.js 是能够在服务器端运行 JavaScript 的开放源代码、跨平台运行环境。Node.js 由 OpenJS Foundation(原为 Node.js Foundation,已与 JS Foundation 合并)持有和维护,亦为 Linux 基金会的项目。Node.js 采用 Google 开发的 V8 运行代码,使用事件驱动、非阻塞和异步输入输出模型等技术来提高

    2024年01月15日
    浏览(35)
  • Unity中使用HttpListener创建本地Http web服务器教程与完整代码

    下方有完整代码和使用方法,急用的请直接拉到最下方 本文可以实现不开新进程在Unity中创建http服务器。 监听自定义ip获取指定目录下的网页或其他资源。如果网页内有其他资源链接也可以正常访问。 可以配合Unity网页浏览器组件使用解决资源打包问题 在Unity中搭建简易ht

    2024年02月02日
    浏览(35)
  • C++ web server服务器 开发

    本文是牛客网Linux 高并发服务器开发视频教程的笔记 使用ssh在widows中控制Linux系统,使用vscode控制代码 使用g++编译 静态库与动态库的制作、区别 makefile文件操作就是指定所有源文件的编译顺序,因为一个正式的项目会有很多很多源文件,不可能一个个的手动g++,而且各种文

    2024年02月11日
    浏览(25)
  • Rust Web 全栈开发之自建TCP、HTTP Server

    Rust 编程语言入门 https://www.bilibili.com/video/BV1hp4y1k7SV WebService 服务器端Web App 客户端Web App(WebAssembly) Web框架:Actix 数据库:PostgreSQL 数据库连接:SQLx 全部使用纯Rust编写! 编写TCP Server和Client 标准库的std::net模块,提供网络基本功能 支持TCP和UDP通信 TcpListener和TcpStream 创建项目

    2024年02月06日
    浏览(27)
  • 【100天精通python】Day47:python网络编程_Web开发:web服务器,前端基础以及静态服务器

    目录 1  网络编程与web编程 1.1 网络编程 1.2 web编程  1.3 前后端交互的基本原理/

    2024年02月11日
    浏览(34)
  • Qt+QtWebApp开发笔记(六):http服务器html实现静态相对路径调用第三方js文件

    若该文为原创文章,转载请注明原文出处 本文章博客地址:https://hpzwl.blog.csdn.net/article/details/131244269 红胖子网络科技博文大全:开发技术集合(包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软硬结合等等)持续更新中… 上一篇:《Qt+QtWebApp开发笔记(五

    2024年02月13日
    浏览(34)
  • linux高并发web服务器开发(web服务器)18_函数解析http请求, 正则表达式,sscanf使用,http中数据特殊字符编码解码

    pdf详情版 编写函数解析http请求 ○ GET /hello.html HTTP/1.1rn ○ 将上述字符串分为三部分解析出来 编写函数根据文件后缀,返回对应的文件类型 sscanf - 读取格式化的字符串中的数据 ○ 使用正则表达式拆分 ○ [^ ]的用法 通过浏览器请求目录数据 ○ 读指定目录内容  opendir 

    2024年02月16日
    浏览(42)
  • 73 # 发布自己的 http-server 到 npm

    1、添加 .npmignore 文件,忽略不需要的文件 2、去官网https://www.npmjs.com/检查自己的包名是否被占用 3、切换到官方源,然后检查确认 4、登录 npm 账号 5、发布 6、查看发布情况,发布成功之后,等一会,我们就能看到自己的包在 npm 上了 7、更新版本,我们添加一个 README.md 文件

    2024年02月11日
    浏览(28)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包