webpack 创建本地node服务

最新推荐文章于 2022-10-21 11:00:03 发布
最新推荐文章于 2022-10-21 11:00:03 发布
阅读量159 收藏
点赞数
分类专栏： node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42374676/article/details/110180790
版权

  1. dist 文件配置对应的路由名 展示这样的效果
    在这里插入图片描述
    在这里插入图片描述
    可以创建一个本地的服务 还可以进行代理项目

  2. 开发是在src 里进行代码逻辑编写

./ 表示本地路径
/ 表示绝对路径(nginx 需要配置)

npm 包管理

1.http-server 打开的是一个node服务 默认是index.html
如果访问其他路劲 http://127.0.0.1:8080/index2.hmtl 文件名
2.anywhere 静态资源服务器 类似http-server 但是静态资源
3.static 静态服务器

web修理工
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
docker-node-webpack
05-20
docker-node-webpack 我正在尝试创建一个将使用webpack，热重载react和docker一起使用的样板。 如何在Docker中运行 docker build -t webpack-react . docker run -d -p 80:8000 -v "$PWD":/var/www --name web webpack-react 如何在本地运行 npm install npm start 然后打开一个新标签页并运行 npm run server 转到http://localhost:8000
有什么比Python的http.server（或SimpleHTTPServer）更快的替代方法？
xfxf996的博客
08-02 750
Python's http.server (or SimpleHTTPServer for Python 2) is a great way of serve the contents of the
Node | Node.js Webpack搭建本地服务器
CoderHing的博客~
10-21 3164
但是 我们希望在不适用live-server的情况下,可以具备live reloading(实时重新加载)的功能。在不开启HMR的情况下,当我们修改了源代码之后,整个页面都刷新 使用的是live reloading;且 某些配置是在开发环境需要使用的 某些配置是在生产环境需要的 当前某些环境是在开发和生产都需要使用的。如 我们监听127.0.0.1时 在同一个网段下的主机中 通过ip地址是不能访问的。如 我们监听0.0.0.0时 在同一个网段下的主机中,通过ip地址是可以访问的。
实现一个类似 http-server 的静态服务 一一 ks-server
不营养、的博客
12-21 631
最近没事，学习了一下 node，觉得 http-server 这个静态服务很神奇，突发奇想，自己也来实现这么一个静态服务试试。我暂且起名为 static-server。 1. 初始化项目： cd my-server # cd 到我的项目中 yarn init -y 2. 将命令映射成全局命令 A、首先在 static-server 根目录下新建 bin 文件夹，再在 bin 中新建一个 www....
Webpack：基于node.js搭建本地服务器与webpack配置的抽离
A_lexzanda的博客
12-31 296
webpack提供了一个可选的本地开发服务器，本地服务器基于node.js搭建，内部使用express框架，实现浏览器自动刷新代码修改后的结果（代码的修改会储存在内存里面而不是打包后的磁盘里，内存的读取速度会比磁盘读取速度快很多）。 1.搭建本地服务器 npm install webpack-dev-server@2.9.1 --save-dev devserver作为webpack中的一个选项，选项本身可以设置如下属性： contentBase：为哪一个文件夹提供本地服务，默认是根文件夹 ..
用 webpack 构建 node 后端代码
Helen
09-20 6702
用 webpack 构建 node 后端代码
webpack 构建 支持 ES6/7 的 node 服务开发
snake89322的博客
01-09 994
1. 准备工作 2. 服务端程序 3. webpack 配置 3.1. 开发配置 3.2. 生产配置 4. 运行配置 5. 运行程序 6. 总结 7. 优化 level-1 7.1. 工具 7.2. 配置更改 8. 优化 level-2 9. 优化 level-3 1. 准备工作 安装 node 环境并创建项目 npm init … 安装 webpack，nodemon，con
详解node.js中的npm和webpack配置方法
01-20
他与php，java等不同，像php本地还要基于阿帕奇服务器，node.js能用代码快速搭建一个服务器。 // 引入http模块 var http = require(http); // 调用http的接口创建服务器；回调--->异步； var server = ...
react-webpack：构建react + webpack + es6环境
01-31
克隆项目到本地以后，选择要运行的示例进入到该项目路径下 安装： npm install 运行： npm start webpack-dev-server热更新 非Node方式： 节点方式： 一个最简单的webpack配置 路由（web应用的路由）
webpack构建工具配置和常用插件总结
01-08
本地安装webpack命令：npm install webpack webpack-cli –save-dev 安装成功后写入package.js的devDependencies中，可以通过 npm node_modules/.bin/webpack -v 命令查看它的版本。 全局安装npm install -g webpa
浅谈webpack构建工具配置和常用插件总结
11-20
本地安装webpack命令：npm install webpack webpack-cli –save-dev 安装成功后写入package.js的devDependencies中，可以通过 npm node_modules/.bin/webpack -v 命令查看它的版本。 全局安装npm install -
nodejs服务webpack打包以及线上部署
面向未来的历史
12-13 2万+
背景： 使用webpack打包nodejs服务，并部署到线上。 webpack 打包 自己的项目中是可以不用这个，因为都是使用nodejs开发。 const path = require("path") const fs = require("fs"); const nodeModules = {}; fs.readdirSync("node_modules&
node项目介绍以及如何创建webpack2项目
u012115763的专栏
04-25 2091
node模块管理简要介绍以及从无到有创建一个webpack2项目来进行前端代码的管理
小白webpack进行nodejs 前端打包配置
热门推荐
fengsh998的专栏
08-03 2万+
写这篇文章的起因是，最近在github上弄了个HA源码，毫无头绪，也没有说明环境要怎么搭，好了，自己摆弄吧，我看到有py文件，第一感觉就是最有可能是py搭建的项目，正好我有pycharm环境，就用pycharm打开，打开后，要想跑，那当然是要配run/debug configuration了，老实讲，不在行，于是乱配一通一开始以为是Djingo,好，搞了个Djingo.。。。。结果提示这没有dji...
通过Node.js API启动webpack
小柒的前端之旅
01-19 1788
前面的话 webpack除了可以通过可执行命令启动webpack，还通过node.jsAPI启动webpack 。通过调用webpack模块暴露出的API，可在Node.js程序中调用webpackAPI执行构建。下面介绍如何在node中通过可执行文件启动webpack。 整体架构 main.js入口文件 webpack.config.js: webpack配置文件 webpack.js：在n...
node Js的安装和webpack的使用
lck898989的博客
01-04 1057
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。  Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。  Node.js 的包管理器 npm，是全球最大的开源库生态系统 1：node.js安装      node.js是webpack所依赖的运行环境      a:Windows下安装：        去官网https
关于nodejs+npm+vue服务webpack打包到线上服务器部署的一些坑
Enweitech Software Works
08-22 1万+
本文主要介绍vue+webpack打包部署到nginx服务器。node.js+npm+vue+webpack+nginx前端项目打包部署到服务器 vue/express+node.js+mongodb 因为可以需要依赖node.js,所有需要先安装node.js,步骤如下： 一、环境准备 1.首先下载安装node.js和nginx（nginx略） Node.js安装包及源码下载地址为：h...
使用webpack进行最简单的项目构建
qwerty053的博客
11-26 854
这些应该是对在官网初学习的一个小总结吧~，大家可以去官网看较为详细的解释： 指南 | webpack 中文网 (webpackjs.com) 那我们话不多说，直接开始： 首先在nodeJs下创建一个webpack-demo文件夹，在其中调用命令行执行： npm init -y npm install webpack webpack-cli --save-dev 修改生成的package.json：删去package.json中的"main":"index.js"，添加"private":true，得
使用webpack构建本地服务器,实现自动刷新，并直接在手机上访问
现在学习也不晚
10-11 3883
前提 使用webpack构建前端开发环境，可以直接使用webpack构建本地服务，实现页面保存自动刷新。 模块安装 首先安装webpack-dev-server模块 npm install --save-dev webpack-dev-server 安装完成后然后修改webpack.config.js文件，在里面添加 module.exports = { devto
webpack react
最新发布
09-12
6. 在项目根目录下创建一个名为 `webpack.config.js` 的文件，并将以下代码复制到该文件中： ```javascript const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

web修理工

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值