当前位置： 首页 > news >正文

03-node.js webpack

news 2025/11/12 5:08:19

1. Node.js

在这里插入图片描述

浏览器和node区别

在这里插入图片描述

1.1 Node.js安装

在这里插入图片描述

1.2 使用Node.js

在这里插入图片描述

1.3 fs模块-读写文件

在这里插入图片描述

1.4 path模块-路径处理

在这里插入图片描述

1.5 压缩代码

前端html

在这里插入图片描述

js代码

在这里插入图片描述

1.6 URL端口号

  • 统一资源定位符，简称网址，用于访问网咯上的资源
  • 端口号：标记服务器里对应的服务程序（0-65535的整数）
  • 80是http默认端口
  • web程序：一个程序，用于提供网上信息浏览功能
  • 注意：0-1023和一些特定端口号被占用，我们自己编写服务请避开使用

1.7 创建web服务

在这里插入图片描述

web服务支持中文
在这里插入图片描述

2. 模块化 & 导入 & 导出

在这里插入图片描述

2.1 CommonJS标准

在这里插入图片描述

2.2 ECMAScript标准-默认导出和导入

在这里插入图片描述

2.3 ECMAScript标准-命名导出和导入

在这里插入图片描述

3. 包

将模块、代码、其他资料聚合成一个文件夹

在这里插入图片描述

4. npm

软件包管理器

在这里插入图片描述

在这里插入图片描述

安装所有的依赖

在这里插入图片描述

4.1 全局软件包nodemon

在这里插入图片描述

5. node.js总结

模块

在这里插入图片描述

包

在这里插入图片描述

常用命令

在这里插入图片描述

6. Express

在这里插入图片描述

使用

在这里插入图片描述

7. 浏览器同源策略

7.1定义

在这里插入图片描述

源

在这里插入图片描述

7.2 跨域

在这里插入图片描述

7.2.1 解决方案-CORS

在这里插入图片描述

后端web服务书写
在这里插入图片描述

7.2.2 解决方案-同源访问

在这里插入图片描述

8 webpack

定义

在这里插入图片描述

webpack优点

在这里插入图片描述

使用

在这里插入图片描述

8.1 修改webpack打包入口和出口

打包入口和出口

在这里插入图片描述

8.2 自动打包html文件

插件：html-webpack-plugin

在这里插入图片描述

8.3 打包css文件

插件：css-loader、style-loader

在这里插入图片描述

8.4 打包less文件

点击less-loader

在这里插入图片描述

8.5 打包图片

资源模块

在这里插入图片描述

8.6 babel编译器

babel-loader

在这里插入图片描述

8.7 webpack开发服务器

在这里插入图片描述

8.8 打包模式

在这里插入图片描述

8.9 开发环境调错 - source map

在这里插入图片描述

8.10 解析别名 - alias

在这里插入图片描述

http://www.dtcms.com/a/596379.html

相关文章：

  • 维护_其它进程间通信(IPC Inter-Process communication)和分布式通信框架列述
  • 【大模型训练】roll 调用megatron 计算损失函数有，会用到partial
  • 使用nestjs/cli创建nest.js新项目
  • 广州外贸网站建设公司平面设计主要做什么工资多少
  • 广东省建设工程交易中心网站网站关键词不稳定
  • 组建网站需多少钱微信网站模板
  • jfinal 支持mysql的json字段类型解决方案
  • Excel处理控件Aspose.Cells教程：如何使用C#在Excel中添加、编辑和更新切片器
  • Java 在 Excel 文件中添加或删除分节符
  • 电子电气架构 --- 车载OTA功能
  • Chrome HSTS（HTTP Strict Transport Security）
  • 【项目亮点】基于EasyExcel + 线程池解决POI文件导出时的内存溢出及超时问题
  • 【C++】链表算法习题
  • 搭建智能问答系统需要什么文档解析工具？
  • 【C++】（以及大多数编程语言）中常见的 六种基本位运算操作
  • （129页PPT）罗兰贝格银行风险预警管理体系规划（附下载方式）
  • 建设银行网站可以更改个人电话网址大全域名解析
  • 增删查改(其一) —— insert插入 与 select条件查询
  • JuiceSSH+cpolar解锁手机远程Linux新姿势，无需公网IP，固定地址稳定用
  • 传统生产制造企业手写单据数字化落地：旗讯 OCR 的技术实现与系统对接方案
  • 如何添加网站白名单广州建设网站的公司
  • nnUNet 训练与推理命令操作记录
  • 【C#】从一次异步锁逐渐展开浅谈服务器架构解决重复编码问题，我与AI的一次深度讨论得出的一些解决方案
  • PKHeX 宝可梦存档编辑工具 用户可自由修改宝可梦属性、技能、道具、图鉴完成度等信息
  • 深度解析：环形链表——手撕面试经典题
  • elasticsearch集群访问中的通信问题
  • 西安模板网站建设套餐佛山做网站费用
  • 什么是RKNN？
  • 《智元启示录》升级说明：从「AI 思考集」到「AI 决策内参」
  • Ansible 基础配置与负载均衡部署实践