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

webpack打包基本配置

article 2025/6/1 7:31:06

需要的文件

在这里插入图片描述

具体代码

webpack.config.js

const path = require('path');const HTMLWebpackPlugin = require('html-webpack-plugin');const {CleanWebpackPlugin} = require('clean-webpack-plugin');
module.exports = {mode: 'production',entry: "./src/index.ts",output: {path: path.resolve(__dirname, './dist'),filename: "bundle.js",environment: {arrowFunction: false}},module: {rules: [{test: /\.ts$/,use: [{loader: 'babel-loader',options: {"presets": [["@babel/preset-env",{"targets": {"browsers": ["ie 11"]},"corejs": 3, // 注意这里应该是数字 3，而不是字符串 "3""useBuiltIns": "usage" // 注意大小写，是 "useBuiltIns" 而不是 "useBuiltins"}]]}},'ts-loader',],exclude: /node_modules/,}]},plugins: [new CleanWebpackPlugin(),new HTMLWebpackPlugin({template: "./src/index.html"})],resolve: {extensions: ['.ts', '.tsx', '.js']}
}

tsconfig.json

{"compilerOptions": {"target": "es2015","module": "es2015","strict": true,}
}

package.json

{"name": "part3","version": "1.0.0","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1","build": "webpack","start": "webpack serve --open"},"keywords": [],"author": "","license": "ISC","description": "","devDependencies": {"@babel/core": "^7.27.3","@babel/preset-env": "^7.27.2","babel-loader": "^10.0.0","clean-webpack-plugin": "^4.0.0","core-js": "^3.42.0","html-webpack-plugin": "^5.6.3","ts-loader": "^9.5.2","typescript": "^5.8.3","webpack": "^5.99.9","webpack-cli": "^6.0.1","webpack-dev-server": "^5.2.1"}
}

index.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div id="app">This is a template
</div>
</body>
</html>

index.ts

import {hi} from './m1'function sum(a:number, b:number):number {return a + b;
}const  obj={name:"孙悟空",age:33}
console.log(obj)obj.age=18;
console.log(obj)console.log(sum(123,456))
console.log(sum(123,2))
console.log(hi)console.log(Promise)

m1.ts

export const hi='你好啊'

webpack打包基本配置

需要的文件具体代码 webpack.config.js const path require(path);const HTMLWebpackPlugin require(html-webpack-plugin);const {CleanWebpackPlugin} require(clean-webpack-plugin); module.exports {mode: production,entry: "./src/index.ts",output: {…...

编程日记 2025/6/1 7:31:06

酷派Cool20/20S/30/40手机安装Play商店-谷歌三件套-GMS方法

酷派Cool系列主打低端市场，系统无任何GMS程序，也不支持直接开启或者安装谷歌服务等功能，对于国内部分经常使用谷歌服务商店的小伙伴非常不友好。涉及机型有酷派Cool20/Cool20S /30/40/50/60等旗下多个设备。好在这些机型运行的系统都是安卓11…...

编程日记 2025/6/1 7:59:54

LabVIEW旋转机械智能监测诊断系统

采用 LabVIEW 开发旋转机械智能监测与故障诊断系统，通过集品牌硬件与先进信号处理技术，实现旋转机械振动信号的实时采集、分析及故障预警。系统突破传统监测手段的局限性，解决了复杂工业环境下信号干扰强、故障特征提取难等问题，为…...

编程日记 2025/6/1 7:37:08

数据结构 -- 判断正误

1、栈只能顺序存储。答案： 错误原因栈是一种逻辑结构，表示“后进先出”（LIFO）的操作规则。栈的实现方式不限于顺序存储，还可以使用链式存储。顺序存储：使用数组实现栈，称为顺序栈。链式…...

编程日记 2025/6/1 8:37:07

vue3前端实现一键复制，wangeditor富文本复制

首先需要拿到要复制的内容，然后调用https的navigator.clipboard方法进行复制，但是这个因为浏览器策略只能在本地localhost和https环境下才能生效，http环境访问不到这个方法，在http环境在可以使用传统方式创建 textarea 进行复制 …...

编程日记 2025/6/1 15:40:15

小白畅通Linux之旅-----Linux进程管理

目录一、进程查看命令 1、pstree 2、ps 3、pgrep 4、top、htop 二、进程管理命令 1、kill 2、pkill 和 killall 三、进程类型 1、前台进程 2、后台进程一、进程查看命令 1、pstree 用于查看进程树之间的关系，谁是父进程，谁是子进程&#…...

编程日记 2025/6/1 6:19:45

【芯片设计中的跨时钟域信号处理：攻克亚稳态的终极指南】

在当今芯片设计中，多时钟域已成为常态。从手机SoC到航天级FPGA，不同功能模块运行在各自的时钟频率下，时钟域间的信号交互如同“语言不通”的对话，稍有不慎就会引发亚稳态、数据丢失等问题。这些隐患轻则导致功能异常，重…...

编程日记 2025/6/1 12:59:29

接地气的方式认识JVM（一）

最近在学jvm，浮于表面的学了之后，发现jvm并没有我想象中的那么神秘，这篇文章将会用接地气的方式来说一说这些jvm的相关概念以及名词解释。带着下面两个问题来阅读认识了解JVM大致有什么在代码运行时的都在背后做了什么 JVM是个啥&#xf…...

编程日记 2025/6/1 4:34:24

教师申报书课题——项目名称：基于DeepSeek-R1与飞书妙记的课堂话语智能分析实践计划

明白了！针对教师个人能力范围（无需编程、无需服务器、零预算），我设计一个纯手工+免费工具组合的极简技术方案，用飞书基础功能和DeepSeek网页版就能实现核心分析。申报书重点突出 “轻量、易用、快速启动”。项目申报书（极简个人实践版）项目名称：基于DeepSeek-R1与飞…...

编程日记 2025/6/1 8:17:29

JAVA：Kafka 消息可靠性详解与实践样例

🧱 1、简述 Apache Kafka 是高吞吐、可扩展的流处理平台，在分布式架构中广泛应用于日志采集、事件驱动和微服务解耦场景。但在使用过程中，消息是否会丢？何时丢？如何防止丢？是很多开发者关心的问题。 Kafka 提供了一套完整的机制来保障消息从生产者 ➜ Broker ➜ 消费…...

编程日记 2025/6/1 7:26:09

【前端】Twemoji（Twitter Emoji）

目录注意使用Vue / React 项目验证 Twemoji 的作用： Twemoji 会把你网页/应用中的 Emoji 字符（如 😄）自动替换为 Twitter 风格的图片（SVG/PNG）； 它不依赖系统字体，因此在 Android、…...

编程日记 2025/6/1 7:41:23

Electron 桌面程序读取dll动态库

序幕：被GFW狙击的第一次构建当我在工位上输入npm install electron时，控制台跳出的红色警报如同数字柏林墙上的一道弹痕： Error: connect ETIMEDOUT 104.20.22.46:443 网络问题不用愁，请移步我的另外文章进行配置：…...

编程日记 2025/6/1 5:52:34

实时技术对比：SSE vs WebSocket vs Long Polling

早期网站仅展示静态内容，而如今我们更期望：实时更新、即时聊天、通知推送和动态仪表盘。那么要如何实现实时的用户体验呢？三大经典技术各显神通： • SSE（Server-Sent Events）：轻量级单向数据…...

编程日记 2025/6/1 7:45:08

js 手写promise

const PENDING pending; const FULFILLED fulfilled; const REJECTED rejected;class MyPromise {#status PENDING;#result undefined;#handler undefined;constructor(executor) {// 不能写在外面，因为this指向会出问题const resolve (data) > {this.#ch…...

编程日记 2025/6/1 8:45:54

HTTP 与 HTTPS 深度解析：原理、实践与大型项目应用

1. HTTP 与 HTTPS 基础概念 1.1 HTTP（超文本传输协议） 定义：应用层协议，基于 TCP/IP 通信，默认端口 80 特点： 无状态协议（需 Cookie/Session 维护状态） 明文传输（易被…...

编程日记 2025/6/1 7:37:07

QT6.9中opencv引用路径的其中一种设置

RC_ICONSappimage.ico unix|win32: LIBS -L$$PWD/opencv455/vc15/lib/ -lopencv_world455 INCLUDEPATH $$PWD/opencv455/include DEPENDPATH $$PWD/opencv455/include RC_ICONS为指定图标文件，只写图标名appimage.ico，那么一般和pro文件在同一目录…...

编程日记 2025/6/1 7:46:58

k8s pod启动失败问题排查

1. 查看日志 kubectl describe pod xxx -n xxx kubectl logs podname -n xxx --tail200 2. 镜像到pod所在主机检查pod所需的镜像是否能成功拉取（docker images） 3.硬件资源检查pod所在服务器的磁盘空间是否被占满（df -h 和 du -sh /&a…...

编程日记 2025/6/1 8:33:04

Java类中各部分内容的加载执行顺序

目录 1. 静态初始化（类加载阶段） 示例代码输出 2. 实例初始化（对象创建阶段） 详细顺序示例代码输出 3. 关键规则总结 4. 注意事项 5. 完整流程图在Java中，类的实例化过程（对象创建&#xff0…...

编程日记 2025/6/1 5:23:23

git提交信息错误，如何修改远程git提交的备注信息

有时候我们在git提交时没有按照规范提交。此时就需要修改远程git提交的备注信息。一、修改最近几次提交首先确保当前分支没有未提交的更改 git status使用交互式rebase修改历史记录（假设要修改最近3次提交） git rebase -i HEAD~3在打开的编辑器中&…...

编程日记 2025/5/31 22:21:35

API Gateway CLI 实操入门笔记（基于 LocalStack）

API Gateway CLI 实操入门笔记（基于 LocalStack） Categories: Cloud Google Rank Proof: No Last edited time: May 26, 2025 4:18 AM Status: Early draft Tags: aws 主要先简单的走一下流程，熟悉一下在 terminal 操作 API Gateway local…...

编程日记 2025/6/1 7:23:52

基于MATLAB实现SFA（Slow Feature Analysis，慢特征分析）算法

基于MATLAB实现SFA（Slow Feature Analysis，慢特征分析）算法的代码示例： % SFA慢特征分析 % 需要signal处理工具箱% 生成示例信号 t linspace(0,1,1000); x sin(2*pi*10*t) sin(2*pi*20*t) randn(size(t));% 定义滤波器 b fi…...

编程日记 2025/6/1 6:58:19

数据分析案例-基于红米和华为手机的用户评论分析

🤵‍♂️ 个人主页：艾派森的个人主页 ✍🏻作者简介：Python学习者 🐋 希望大家多多支持，我们一起进步！😄 如果文章对你有帮助的话， 欢迎评论 💬点赞&#x1f4…...

编程日记 2025/6/1 8:12:39

leetcode617.合并二叉树：递归思想下的树结构融合艺术

一、题目深度解析与核心规则题目描述合并两棵二叉树是一个经典的树结构操作问题，题目要求我们将两棵二叉树合并成一棵新二叉树。合并规则如下： 若两棵树的对应节点都存在，则将两个节点的值相加作为新节点的值若其中一棵树的节点存在&…...

编程日记 2025/6/1 7:15:26

深度学习入门：从零搭建你的第一个神经网络

深度学习入门：从零搭建你的第一个神经网络系统化学习人工智能网站（收藏）：https://www.captainbed.cn/flu 文章目录深度学习入门：从零搭建你的第一个神经网络摘要引言第一章：神经网络基础原理1.1 神经元…...

编程日记 2025/6/2 2:02:24

【HTML-13】HTML表格合并技术详解：打造专业数据展示

表格是HTML中展示结构化数据的重要元素，而表格合并则是提升表格表现力的关键技术。本文将全面介绍HTML中的表格合并方法，帮助您创建更专业、更灵活的数据展示界面。 1. 表格合并基础概念在HTML中，表格合并主要通过两个属性实现&#xff1a…...

编程日记 2025/6/1 1:41:47

鸿蒙OSUniApp 制作自定义的进度条组件#三方框架 #Uniapp

使用 UniApp 制作自定义的进度条组件在移动应用开发中，进度条是非常常见的 UI 组件，无论是文件上传、下载、任务进度还是表单填写反馈，进度条都能为用户提供直观的进度提示。虽然 UniApp 提供了一些基础的进度条能力，但在实际项…...

编程日记 2025/6/1 6:27:10

【Python办公】Excel简易透视办公小工具

目录专栏导读1. 背景介绍2. 功能介绍3. 库的安装4. 界面展示5. 使用方法6. 实际应用场景7. 优化方向完整代码总结专栏导读 🌸 欢迎来到Python办公自动化专栏—Python处理办公问题，解放您的双手 🏳️‍🌈 博客主页：请点击——> 一晌小贪欢的博客主页求关注 👍 该系…...

编程日记 2025/6/1 6:51:20

m1 运行renrenfastvue出现的问题和解决方案

1. chromedriver 报错解决：执行 npm install --ignore-scripts。 2. node-sass 报错 "Node Sass does not yet support your current environment: OS X Unsupported ...": - 降低 Node 版本至 14。 - 安装版本控制工具：sudo npm insta…...

编程日记 2025/6/1 6:16:06

开源模型应用落地-qwen模型小试-Qwen3-8B-推理加速-vLLM-Docker（二）

一、前言在AI模型部署效率竞争日益激烈的当下，如何将前沿大模型与高效推理框架结合，成为开发者关注的焦点。Qwen3-8B作为阿里云推出的混合推理模型，凭借80亿参数规模与128K超长上下文支持，展现了“快思考”与“慢思考”的协同能力，而vLLM框架则通过优化内存管理与并行计算…...

编程日记 2025/6/1 6:25:19

【C/C++】记录一次麻烦的Kafka+Json体验

文章目录麻烦的KafkaJson体验1 目标2 工程搭建2.1 docker配置2.2 代码2.3 工程压缩包 3 执行结果麻烦的KafkaJson体验 1 目标初心：结合kafka json docker，验证基本的数据生产/消费。 Kafka 配合 JSON 工具，主要是为了数据的序列化和反…...

编程日记 2025/6/1 6:40:27