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

Webpack简述

news 来源：原创 2025/6/10 14:36:17

一、为什么要构建工具

人类喜欢书写的代码以及开发方式计算机不喜欢，构建工具的作用就是让人类舒舒服服写自己喜欢的代码，然后一打包生成计算机喜欢的代码

第一个webpack自身仅仅是将我们引入的模块打包成一个文件（编译import），至于es6，ts等等的编译是引入的插件和loader做的

二、webpack的基础配置

通过js引入关系建立树，然后最终打包成一个js

webpack本地的版本和项目的版本不一样

直接输入指令，npm run dev调用会使用本地的webpack进行打包

1.打包配置命名

默认以根目录下的webpack.config.js作为入口进行打包，如果想指定文件作为入口

要用commonjs（require）的语法规范写，不能用es6（import export default）

2.mode的三个取值

none：直接打包，不做处理
生产模式(production)：压缩和简化代码
开发模式(development)：不会压缩和简化代码

3.基本格式

loader

三、webpack处理js

1.babel-loader的配置

npm install babel-loader @babel/core

babel-loader作为接口安装真正编译的包@babel/core

loader定义对某种类型的处理方案

2.options配置

也可以将presets配置放在.babelrc的文件中以json格式书写

3.eslint的工作

在根目录下新建一个eslintrc.js文件，用于写eslint的插件配置

Webpack简述

一、为什么要构建工具人类喜欢书写的代码以及开发方式计算机不喜欢，构建工具的作用就是让人类舒舒服服写自己喜欢的代码，然后一打包生成计算机喜欢的代码第一个webpack自身仅仅是将我们引入的模块打包成一个文件（编译import）&am…...

编程日记 2025/6/2 10:08:27

ARM GCC编译器

ARM GCC编译器（GNU Compiler Collection for ARM）是GNU项目的一部分，专门用于编译针对ARM架构的代码。它是一个开源的工具链，支持多种编程语言，包括C、C和汇编语言。以下是关于ARM GCC编译器的详细解释及其作用&#x…...

编程日记 2025/6/1 3:34:41

CSS3 3D 转换介绍

CSS3 中的 3D 转换提供了一种在二维屏幕上呈现三维效果的方式，主要包括translate3d、rotate3d、scale3d等转换函数，下面来详细介绍： 1. 3D 转换的基本概念坐标系在 CSS3 的 3D 空间中，使用的是右手坐标系。X 轴是水平方向&…...

编程日记 2025/6/2 18:08:48

关于 Cursor 的一些学习记录

文章目录 1. 写在最前面2. Prompt Design2.1 Priompt v0.1：提示设计库的首次尝试2.2 注意事项 3. 了解 Cursor 的 AI 功能3.1 问题3.2 答案 4. cursor 免费功能体验5. 写在最后面6. 参考资料 1. 写在最前面本文整理了一些学习 Cursor 过程中读到的或者发现的感兴趣…...

编程日记 2025/5/30 16:53:55

3. 后端验证前端Token

书接上回，后端将token返回给前端，前端存入cookie，每次前端给后端发送请求，后端是如何验证的。若依是用过滤器来实现对请求的验证，过滤器的简单理解是每次发送请求的时候先发送给过滤器执行逻辑判断以及处理&#xff0…...

编程日记 2025/6/1 13:40:11

【LLM】Openai-o1及o1类复现方法

note 可以从更为本质的方案出发，通过分析强化学习的方法，看看如何实现o1，但其中的核心就是在于，如何有效地初始化策略、设计奖励函数、实现高效的搜索算法以及利用强化学习进行学习和优化。文章目录 note一、Imitate, Explore, …...

编程日记 2025/6/4 14:29:50

与“神”对话：Swift 语言在 2025 中的云霓之望

0. 引子夜深人静，是一片极度沉醉的黑，这便于我与深沉的 macbook 悄悄隐秘于其中。一股异香袭来，恍惚着，撸码中身心极度疲惫、头脑昏沉的我仿佛感觉到了一束淡淡的微光轻洒在窗边。我的对面若隐若现逐渐浮现出一个熟悉的身影。他…...

编程日记 2025/6/2 6:58:10

设计模式-单例模式

定义保证一个类仅有一个实例，并提供一个访问它的全局访问点。类图类型饿汉式线程安全，调用效率高，但是不能延迟加载。 public class HungrySingleton {private static final HungrySingleton instancenew HungrySingleton();private …...

编程日记 2025/6/3 16:06:21

C#枚举类型携带额外数据的方法

Java里面的枚举类型可以定义很多属性，携带各种数据，然而C#里面的枚举类型只能代表数字，不能在枚举类型里面定义各种属性，导致某些应用场景使用起来不方便，但是可以利用C#里面的Attribute来解决这个问题。例如&#xf…...

编程日记 2025/5/29 10:31:57

跨境电商使用云手机用来做什么呢？

随着跨境电商的发展，越来越多的卖家开始尝试使用云手机来协助他们的业务，这是因为云手机具有许多优势。那么，具体来说，跨境电商使用云手机可以做哪些事情呢？ （一）实现多账号登录和管理跨境电商…...

编程日记 2025/6/1 16:52:49

RabbitMQ-消息可靠性以及延迟消息

目录消息丢失一、发送者的可靠性 1.1 生产者重试机制 1.2 生产者确认机制 1.3 实现生产者确认 （1）开启生产者确认 （2）定义ReturnCallback （3）定义ConfirmCallback 二、MQ的持久化 2.1 数据持久…...

编程日记 2025/6/3 16:22:20

Mybatis plus中的BaseMapper与ServiceImpl

BaseMapper接口方法与ServiceImpl类方法的区别与联系什么是BaseMapper？什么是ServiceImpl？ BaseMapper 是 MyBatis-Plus 提供的一个基础 Mapper 接口，封装了常用的 CRUD 操作方法，如 selectById、insert、updateById、deleteBy…...

编程日记 2025/5/31 20:17:28

所谓的架构，其实就是Solution,解决方案。一般就是如下几套： IPO primary IPO secondaryIPO primary IP500v2IPO primary IPO secondary IP500v2IPO primary IPO secondary IP500v2 Expansion Server(IP500v2,扩展)IPO primaryIPO 500v2 简单的解释…...

编程日记 2025/6/1 19:40:18

近红外简单ROI分析matlab（NIRS_SPM）

本次笔记主要想验证上篇近红外分析是否正确，因为叠加平均有不同的计算方法，一种是直接将每个通道的5分钟实时长单独进行叠加平均，另一种是将通道划分为1分钟的片段，将感兴趣的通道数据进行对应叠加平均，得到一个总平均…...

编程日记 2025/6/4 1:13:29

ESP32学习笔记_FreeRTOS(6)——Event and Notification

摘要(From AI): 这篇博客详细介绍了 FreeRTOS 中的事件组和任务通知机制，讲解了事件组如何通过位操作实现任务间的同步与通信，以及任务如何通过通知机制进行阻塞解除和数据传递。博客提供了多个代码示例，展示了如何使用事件组和任务通知在多任…...

编程日记 2025/6/2 18:00:19

多监控m3u8视频流，怎么获取每个监控的封面图(纯前端)

文章目录 1.背景2.问题分析3.解决方案3.1解决思路3.2解决过程3.2.1 封装播放组件3.2.2 隐形的视频div3.2.3 截取封面图 3.3 结束 1.背景有这样一个需求： 给你一个监控列表，每页展示多个监控（至少12个，m3u8格式）&…...

编程日记 2025/6/4 1:28:36

ExpGCN：深度解析可解释推荐系统中的图卷积网络

一、引言在当今信息爆炸的时代，推荐系统已成为电子商务和社交网络中不可或缺的工具，旨在为用户筛选出符合其兴趣的信息。传统的协同过滤（CF）技术通过挖掘用户与项目之间的交互记录来生成推荐，但这种方法简化了模型&a…...

编程日记 2025/6/4 17:25:38

ChatGPT Prompt 编写指南

一、第一原则：明确的意图你需要明确地表达你的意图和要求，尽可能具体、描述性、详细地描述所需的上下文、你期望的结果等。你的要求越明确，越有希望获得你想要的答案。糟糕的案例 ❌ 写一首关于 OpenAI 的诗。更好的案…...

编程日记 2025/6/3 18:07:00

【脑机接口数据处理】如何读取Trode 的.rec文件原始数据？

文章目录函数简介文件下载函数语法基本用法带时间跳过的用法带选项参数的用法输出结构使用示例注意事项 MATLAB中读取Trodes文件的实用函数——readTrodesFileContinuous 在处理神经科学实验数据时，经常会遇到Trodes格式的文件。这些文件包含了丰富的神经信号数据…...

编程日记 2025/6/2 1:55:45

反转字符串中的单词 II：Swift 实现与详解

网罗开发 （小红书、快手、视频号同名） 大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、Harmony OS、Java、Python等…...

编程日记 2025/6/3 15:47:17

蓝桥杯训练—矩形面积交

文章目录一、题目二、示例三、解析四、代码一、题目平面上有两个矩形，它们的边平行于直角坐标系的X轴或Y轴，对于每个矩形，我们给出它的一对相对顶点的坐标，请你编程写出两个矩形的交的面积输入格式： 输入包含两行…...

编程日记 2025/6/1 15:02:46

如何设置HTTPS站点防御？

设置HTTPS站点防御涉及到多个层面的安全措施，包括但不限于配置Web服务器、应用安全头信息、使用内容安全策略（CSP）、启用HSTS和OCSP Stapling等。下面是一些关键的步骤来增强HTTPS网站的安全性： 1. 使用强加密协议和密钥交换算法…...

编程日记 2025/6/1 21:27:42

光谱相机如何还原色彩

多光谱通道采集光谱相机设有多个不同波段的光谱通道，可精确记录每个波长的光强信息。如 8 到 16 个甚至更多的光谱通道，每个通道负责特定波长范围的光信息记录。这使得相机能分辨出不同光谱组合产生的相同颜色感知，而传统相机的传感器通常只…...

编程日记 2025/6/2 20:53:16

doris:导入概览

Apache Doris 提供了多种导入和集成数据的方法，您可以使用合适的导入方式从各种源将数据导入到数据库中。Apache Doris 提供的数据导入方式可以分为四类： 实时写入：应用程序通过 HTTP 或者 JDBC 实时写入数据到 Doris 表中，适用于…...

编程日记 2025/6/4 11:49:31

Linux 操作二：文件映射与文件状态

Linux 操作二：文件映射与文件状态查询文件映射 mmap是一种内存映射文件的方法，即将一个文件或者其它对象映射到进程的地址空间，实现文件磁盘地址和进程虚拟地址空间中一段虚拟地址的一一对映关系。实现这样的映射关系后，进程…...

编程日记 2025/5/25 4:55:29

ASP .NET Core 学习（.NET 9）- 创建 API项目，并配置Swagger及API 分组或版本

本系列为个人学习 ASP .NET Core学习全过程记录，基于.NET 9 和 VS2022 ，实现前后端分离项目基础框架搭建和部署，以简单、易理解为主，注重页面美观度和后台代码简洁明了，可能不会使用过多的高级语法和扩展，后…...

编程日记 2025/6/3 3:59:05

电脑换固态硬盘

参考： https://baijiahao.baidu.com/s?id1724377623311611247 一、根据尺寸和缺口可以分为以下几种： 1、M.2 NVME协议的固态大部分笔记本是22x42MM和22x80MM nvme固态。在京东直接搜： M.2 2242 M.2 2280 2、msata接口固态 3、NGFF M.…...

编程日记 2025/6/4 14:11:34

Android BitmapShader实现狙击瞄具十字交叉线准星，Kotlin

Android BitmapShader实现狙击瞄具十字交叉线准星，Kotlin <?xml version"1.0" encoding"utf-8"?> <RelativeLayout xmlns:android"http://schemas.android.com/apk/res/android"xmlns:tools"http://schemas.android.…...

编程日记 2025/6/2 10:07:22

MySQL8数据库全攻略：版本特性、下载、安装、卸载与管理工具详解

大家好，我是袁庭新。 MySQL作为企业项目中的主流数据库，其5.x和8.x版本尤为常用。本文将详细介绍MySQL 8.x的特性、下载、安装、服务管理、卸载及管理工具，旨在帮助用户更好地掌握和使用MySQL数据库。 1.MySQL版本及下载企业项目中使用的…...

编程日记 2025/6/3 21:57:15

机器学习之决策树（DecisionTree）

决策树中选择哪一个特征进行分裂，称之为特征选择。特征选择是找出某一个特征使得分裂后两边的样本都有最好的“归宿”，即左边分支的样本属于一个类别、右边分支的样本属于另外一个类别，左边和右边分支包含的样本尽可能分属同一类别&#xff…...

编程日记 2025/6/3 10:15:08

Qt Desiogn生成的ui文件转化为h文件

1.找到这个工具 2.查找到ui文件以及要转化为的h文件的路径。 3.在1中的工具输入uic /xx/xxx.ui -o /xx/xxx.h即可得到结果。...

编程日记 2025/6/2 18:36:56

python编程-OpenCV（图像读写-图像处理-图像滤波-角点检测-边缘检测）边缘检测

OpenCV中边缘检测四种常用算子： （1）Sobel算子 Sobel算子是一种基于梯度的边缘检测算法。它通过对图像进行卷积操作来计算图像的梯度，并将梯度的大小作为边缘的强度。它使用两个3x3的卷积核，分别用于计…...

编程日记 2025/6/4 15:02:05

【论文阅读】VCD-FL: Verifiable, collusion-resistant, and dynamic federated learning

VCD-FL: Verifiable, collusion-resistant, and dynamic federated learning -- VCD-FL:可验证可抵抗共谋攻击的动态联邦学习来源背景介绍相关工作本文贡献预备知识系统模型威胁模型具体实现初始化本地训练梯度加密承诺生成插值优化密文聚合聚合结果验证梯度解密结果验证恶意…...

编程日记 2025/5/30 5:46:20

浙江安吉成新照明电器：Acrel-1000DP 分布式光伏监控系统应用探索

安科瑞吕梦怡 18706162527 摘要：分布式光伏发电站是指将光伏发电组件安装在用户的建筑物屋顶、空地或其他适合的场地上，利用太阳能进行发电的一种可再生能源利用方式，与传统的大型集中式光伏电站相比，分布式光伏发电具有更灵活…...

编程日记 2025/5/29 13:16:39

记一次数据库连接 bug

整个的报错如下： com.mysql.jdbc.exceptions.jdbc4.MySQLNonTransientConnectionException: Could not create connection to database server. Attempted reconnect 3 times. Giving up. at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Metho…...

编程日记 2025/6/1 22:10:39

STM32 FreeRTOS 信号量

信号量的简介 reeRTOS中的信号量是一种用于任务间同步和资源管理的机制。信号量可以是二进制的（只能取0或1）也可以是计数型的（可以是任意正整数）。信号量的基本操作包括“获取”和“释放”。比如动车上的卫生间，一个…...

编程日记 2025/6/4 11:02:47

计算机网络 | 什么是公网、私网、NAT？

关注：CodingTechWork 引言计算机网络是现代信息社会的基石，而网络通信的顺畅性和安全性依赖于有效的IP地址管理和网络转换机制。在网络中，IP地址起到了标识设备和进行数据传输的核心作用。本文将详细讨论公网IP、私网IP以及NAT转换等网络技…...

编程日记 2025/5/31 2:56:29

学技术学英文：通过jmeter命令行工具生成聚合报告文件到csv文件

单词汉语意思音标 aggregate 聚合 /ˈɡrɪɡeɪt/ command-line 命令行 /kəˈmnd laɪn/ distribution 分布 /ˌdɪstrɪˈbjuːʃn/ extractor 提取器 /ɪkˈstrktər/ granulation 细分 /ˌɡrnjuˈleɪʃn/ jmeter JMeter（软件&#xff0…...

编程日记 2025/5/28 19:56:30

数据库开发支持服务

文章目录前言适用产品服务范围前提条件责任矩阵交互项目服务流程交付件项目完成标志前言数据库开发支持服务是为了达成客户业务系统开发、测试、上线运行提供的具体技术支撑，内容包括数据库开发指导、性能调优、第三方平台对接支持、应用对接与上线支持等。数据…...

编程日记 2025/6/2 0:18:14

【SQL 中的分组查询与联合查询详解】

文章目录 SQL 中的分组查询与联合查询详解1. GROUP BY分组查询1.1 语句格式1.2 示例说明1.2.1 分别查询哥哥组和弟弟组的英语成绩总和1.2.2 查询哥哥组的所有成绩总和 2. 联合查询2.1 内连接2.1.1 语法格式2.1.2 执行过程 2.2 外连接2.2.1 左外连接2.2.2 右外连接 2.3 自连接2.…...

编程日记 2025/6/2 7:30:47

如何提高自动化测试覆盖率和效率

用ChatGPT做软件测试在现代软件开发中，自动化测试已经成为保证软件质量的重要手段。然而，在实践中，自动化测试的覆盖率和效率常常受到限制，导致潜在缺陷未能及时发现或测试资源浪费。因此，提升自动化测试的覆盖率和效…...

编程日记 2025/6/3 19:29:01

Vue3 nginx 打包后遇到的问题

前端vite文件配置 export default defineConfig({plugins: [vue(),DefineOptions()],base:./,resolve:{alias:{:/src, //配置指向src目录components:/src/components,views:/src/views}},server:{// host:0.0.0.0,// port:7000,proxy:{/api:{target:xxx, // 目标服务器地址 &am…...

编程日记 2025/5/31 21:34:34

【PCIe 总线及设备入门学习专栏 5.3.2 -- PCIe 枚举与 PCIe PHY firmware 的区别与联系】

文章目录 OverviewPCIe 枚举与PCIe PHY固件的区别与联系1. PCIe 枚举2. PCIe PHY固件3. 区别4. 联系举例说明实例场景 1：服务器启动 PCIe 网卡的过程实例场景 2：PCIe 热插拔设备的调试 Overview 本文将详细介绍 PCIe 枚举与 PCIe PHY firmware 的区别与…...

编程日记 2025/5/31 1:51:59

电动汽车超级充电设备与车辆之间的通讯协议对27930-2015国标的修改记录

左侧为团体标准右侧为国标 1.CHM SPN 2600 数据修改为团标数据： 0x534331 ，国标数据：0x000101 2.BRM SPN 2565 数据修改为团标数据： 0x53…...

编程日记 2025/5/27 3:31:55

案例分析一

张某（10多年IT工作经验）应聘一家国企单位，面试官（技术副主管）面试时问了些无关痛痒的问题，谈到薪资时强调我权限范围内的数额就那么多，再多就需要走申请流程进行操作了。没几天入职后&#xf…...

编程日记 2025/6/3 3:34:35

2.5G PoE交换机 TL-SE2109P 简单开箱评测，8个2.5G电口+1个10G光口(SFP+)

TPLINK（普联）的万兆上联的2.5G网管交换机TL-SE2109P简单开箱测评。8个PoE 2.5G电口，1个万兆SFP上联口。 2.5G交换机 TL-SE2420 简单开箱评测，16个2.5G电口4个10G光口(SFP)：https://blog.zeruns.com/archives/837.html…...

编程日记 2025/6/1 15:27:46

mysql存电话号码应该用int还是string类型

在MySQL中，存储电话号码一般建议使用**STRING 类型**（通常是 VARCHAR），而不是 INT 类型，原因如下： 1. 电话号码不是数字用于计算的值电话号码本质上是一个标识符，不需要进行数学运算。如果用…...

编程日记 2025/6/1 20:57:44

解决本地运行MR程序访问权限问题

文章目录 1. 提出问题2. 解决问题2.1 临时解决方案2.2 永久解决方案 3. 小结 1. 提出问题运行DeduplicateIPsDriver类，抛出如下异常： 该错误信息表明在尝试运行 DeduplicateIPsDriver 类时，遇到了 HDFS（Hadoop 分布式文件系统&a…...

编程日记 2025/6/3 19:56:43