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

VUE项目中的package.json中的启动脚本

news 来源：原创 2025/8/28 19:06:11

  "scripts": {"dev": "vite","build:prod": "vite build","build:stage": "vite build --mode staging","preview": "vite preview"}

vite build 和 vite build --mode staging 是 Vite 构建工具内置的命令

`vite build`

vite build 是 Vite 专门用于生产环境构建的核心命令。当你运行这个命令时，Vite 会按照既定的配置对项目进行一系列操作，最终生成适用于生产环境部署的静态文件。具体而言，它会完成以下工作：

代码打包：把项目中各个模块的代码进行打包处理，减少浏览器需要请求的文件数量，提高加载效率。例如，将多个 JavaScript 文件合并成一个或少数几个文件。
代码压缩：对打包后的代码进行压缩，去除其中的空格、注释等不必要的内容，减小文件体积，进一步加快页面加载速度。
资源处理：对项目中的各种资源，如图片、字体等进行优化处理，比如压缩图片以降低其占用空间。

`vite build --mode staging`

vite build --mode staging 同样是 Vite 内置命令的一种使用方式，--mode 是 Vite 提供的一个命令行选项，用于指定当前构建的环境模式。

环境模式的作用：在实际开发中，除了常见的开发环境（development）和生产环境（production），还可能存在预发布环境（staging）、测试环境（test）等。不同的环境可能需要不同的配置，比如不同的 API 地址、不同的日志级别等。通过 --mode 选项，你可以指定使用不同的环境配置。
staging 模式示例：当你运行 vite build --mode staging 时，Vite 会加载 .env.staging 文件中的环境变量（如果存在），并根据这些变量进行构建。例如，在 .env.staging 文件中设置 VITE_API_BASE_URL = https://staging-api.example.com，那么在构建过程中，代码里引用的 import.meta.env.VITE_API_BASE_URL 就会使用这个预发布环境的 API 地址。

总结

vite build 和 vite build --mode staging 都是 Vite 构建工具的内置功能，前者是默认的生产环境构建命令，后者则允许你通过指定环境模式，灵活地为不同环境进行针对性的构建。

VUE项目中的package.json中的启动脚本

"scripts": {"dev": "vite","build:prod": "vite build","build:stage": "vite build --mode staging","preview": "vite preview"}vite build 和 vite build --mode staging 是 V…...

编程日记 2025/8/28 19:06:11

目标追踪数据标注

在将 YOLO（目标检测） 和 DeepSORT（目标追踪） 结合时，数据标注需要同时满足检测和追踪的需求。以下是具体的分阶段标注策略和操作指南： 一、标注的核心要求检测标注：每帧中目标的边界框&a…...

编程日记 2025/8/28 19:04:31

详细介绍7大排序算法

1.排序的概念及其运用 1.1 排序的概念排序 ：所谓排序，就是使一串记录，按照其中的某个或某些关键字的大小，递增或递减的排列起来的操作。稳定性 ：假定在待排序的记录序列中，存在多个具有相同的关键字的记…...

编程日记 2025/8/27 21:20:39

TGCTF web

AAA偷渡阴平这个题是一个非预期的无参RCE <?php$tgctf2025$_GET[tgctf2025];if(!preg_match("/0|1|[3-9]|\~|\|\|\#|\\$|\%|\^|\&|\*|\（|\）|\-|\|\|\{|\[|\]|\}|\:|\|\"|\,|\<|\.|\>|\/|\?|\\\\/i", $tgctf2025)){//hi…...

编程日记 2025/8/27 11:19:49

RTPS数据包分析

DDS-RTPS 常见子消息_dds pdp消息-CSDN博客Fast RTPS原理与代码分析(3)：动态发现协议之端点发现协议EDP_fast-rtps 原理-CSDN博客在RTPS（Real-Time Publish-Subscribe，实时发布订阅）协议中，DATA(r)和DATA是两种不同的…...

编程日记 2025/8/26 1:27:45

go语言gRPC使用流程

1. 安装工具和依赖安装 Protocol Buffers 编译器 (protoc) 下载地址：https://github.com/protocolbuffers/protobuf/releases 使用说明：https://protobuf.dev/ 【centos环境】yum方式安装：protoc[rootlocalhost demo-first]# yum install …...

编程日记 2025/8/25 21:17:41

回溯算法的要点

可以用树结构（解空间树）来表示用回溯法解决的问题的所有选项。叶节点则对应着最终的状态. 回溯过程：深度遍历，在任意时刻，算法只保存从根结点到当前结点的路径。 “剪枝”：当某一节点不包含问题的解&am…...

编程日记 2025/8/28 19:04:32

爬虫：一文掌握 pycurl 的详细使用（更接近底层，性能更高）

更多内容请见：爬虫和逆向教程-专栏介绍和目录文章目录一、PycURL概述1.1 PycURL介绍1.2 基本安装1.3 安装依赖（Linux/macOS）1.4 常用选项参考二、基本使用2.1 简单 GET 请求2.2 获取响应信息2.3 设置请求头2.4 超时设置2.5 跟随重定向三、高级功能3.1 POST 请求3.2 文件上…...

编程日记 2025/8/23 5:42:30

大模型文生图

提示词分4个部分：质量，主体，元素，风格质量：杰作，高质量，超细节，完美的精度，高分辨率，大师级的； 权重：把图片加括号，&am…...

编程日记 2025/8/23 13:22:41

c# AI编程助手 — Fitten Code

前言前有Copilot各种酷炫操作，今有国产软件杀出重围。给大家介绍的是一款国内的国产编程神器，可与微软GitHub Copilot比比身手。关键它还是完全免费。它就是：非十团队国产自主研发的Fitten Code。此工具的速度是GitHub Copilot的两倍&#x…...

编程日记 2025/8/23 21:57:41

《植物大战僵尸融合版v2.4.1》，塔防与创新融合的完美碰撞

《植物大战僵尸融合版》是基于经典塔防游戏《植物大战僵尸》的创意同人改版，由“蓝飘飘fly”等开发者主导制作。它在保留原版核心玩法的基础上，引入了独特的植物融合机制，玩家可以将不同的植物进行组合，创造出全新的植物种类&…...

编程日记 2025/8/25 0:32:39

深度学习总结（12）

层:深度学习的基础模块神经网络的基本数据结构是层。层是一个数据处理模块，它接收一个或多个张量作为输入，并输出一个或多个张量。有些层是无状态的，但大多数层具有状态，即层的权重。权重是利用随机梯度下降学到的一个或多个张量…...

编程日记 2025/8/26 7:55:48

pyqt环境配置

文章目录 1 概述2 PyQt6和PySide6区别3 环境配置4 配置PySide65 配置PyQt66 配置外部工具7 添加模板8 使用pyside6-project构建工程9 常见错误10 相关地址更多精彩内容👉内容导航 👈👉Qt开发 👈👉python开发 &#x1…...

编程日记 2025/8/26 20:13:33

YOLO11改进——融合BAM注意力机制增强图像分类与目标检测能力

深度学习在计算机视觉领域的应用取得了显著进展，尤其是在目标检测（Object Detection）和图像分类（Image Classification）任务中。YOLO（You Only Look Once）系列算法凭借其高效的单阶段检测框架和…...

编程日记 2025/8/28 4:02:50

考研单词笔记 2025.04.14

amount n数量，数额v（数量）达到，总计（to），意味着，相当于 couple n一对，一双，一些，几个，夫妻，情侣v连接，结合 …...

编程日记 2025/8/28 19:03:16

AI云游戏盒子：未来娱乐的新纪元

AI云游戏盒子：未来娱乐的新纪元随着科技的不断进步，人工智能（AI）与云计算技术的结合正在重新定义我们享受数字娱乐的方式。2025年，一款名为“AI云游戏盒子”的产品正逐渐成为家庭娱乐的核心设备，它不仅集…...

编程日记 2025/8/21 1:43:18

第八章文件操作

第八章文件操作文章目录第八章文件操作1 文件读取1 将文件整个读取内存2 按字节读取文件 1 文件读取 1 将文件整个读取内存类似于python的 with open(filename, modert, encodingutf-8) as f:res f.read()go中的书写方式： 方式一： package ma…...

编程日记 2025/8/25 6:29:51

《extern：如何在编译时“暗通款曲“》

C中extern关键字的完整用法总结 extern是C中管理链接性（linkage）的重要关键字，主要用于声明外部定义的变量或函数。以下是详细的用法分类和完整示例： 一、基本用法 1. 声明外部全局变量 // globals.cpp int g_globalVar 42; …...

编程日记 2025/8/28 19:04:32

活动图与流程图的区别与联系：深入理解两种建模工具

目录前言1. 活动图概述1.1 活动图的定义1.2 活动图的基本构成要素1.3 活动图的应用场景 2. 流程图概述2.1 流程图的定义2.2 流程图的基本构成要素2.3 流程图的应用场景 3. 活动图与流程图的联系4. 活动图与流程图的区别4.1 所属体系不同4.2 表达能力差异4.3 使用目的与语境4.4…...

编程日记 2025/8/26 8:28:54

FinanceRAG获奖方案解读：ACM-ICAIF ’24的FinanceRAG挑战赛

ACM-ICAIF 24 FinanceRAG Challenge提供一套整合的文本和表格财务数据集。这些数据集旨在测试系统检索和推理财务数据的能力。参与者将受益于 Github 上的基线示例和官方提交代码，其位于FinanceRAG，以及在 huggingface 上的简化的数据集访问，…...

编程日记 2025/8/28 19:05:53

Linux LED驱动（gpio子系统）

0. gpio子系统 gpio子系统是linux内核当中用于管理GPIO资源的一套系统，它提供了很多GPIO相关的API接口，驱动程序中使用GPIO之前需要向gpio子系统申请。 gpio子系统的主要目的就是方便驱动开发者使用gpio，驱动开发者在设备树中添加gpio相关信息…...

编程日记 2025/8/23 14:41:21

场外期权交易和结算方式的区别是什么？

场外期权交易的核心在于双方协商一致的合约条款。这些条款包括但不限于期权的类型（看涨或看跌）、执行价格、到期日、合约规模以及支付的期权费。由于每份合约都是独一无二的，因此交易双方需要具备高度的专业知识和谈判技巧，下文为…...

编程日记 2025/8/28 15:48:50

自注意力的机制内涵和设计逻辑

在自注意力机制中，查询（Q）、键（K）和值（V）的交互过程是核心设计，其背后的数学和语义内涵可以从以下角度理解： 1. 数学视角：动态加权聚合自注意力机制的公式可…...

编程日记 2025/8/28 7:14:25

VIM学习笔记

1. ex模式 vim中，按：触发的命令行模式，称为 ex模式，具体命令参见如下笔记： https://blog.csdn.net/u010250151/article/details/51868751?ops_request_misc%257B%2522request%255Fid%2522%253A%2522814b671a9898c95…...

编程日记 2025/8/28 19:03:17

Windows系统docker desktop安装（学习记录）

目前在学习docker，在网上扒了很多老师的教程，终于装好了，于是决定再装一遍做个记录，省的以后再这么麻烦一：什么是docker Docker 是一个开源的应用容器引擎，它可以让开发者打包他们的应用以及依赖包到一个…...

编程日记 2025/8/24 8:51:42

操作系统学习笔记——[特殊字符]超详细 | 如何唤醒被阻塞的 socket 线程？线程阻塞原理、线程池、fork/vfork彻底讲明白！

💡超详细 | 如何唤醒被阻塞的 socket 线程？线程阻塞原理、线程池、fork/vfork彻底讲明白！ 一、什么是阻塞？为什么线程会阻塞？二、socket线程被阻塞的典型场景🧠 解法思路： 三、线程的几种阻塞状…...

编程日记 2025/8/20 15:25:02

GIC驱动程序对中断的处理流程

承接上一篇，我们来讲讲GIC的处理流程： 我们先来看看老版本的CPU是怎么去处理中断的： 这种的话，基本上就是一开始就确定你有多少个中断，就为你分配好了多少个irq_desc，这样子每一个硬件中断，也就…...

编程日记 2025/8/24 15:51:33

罗庚机器人：机器人打磨领域的先行者

近日，记者在广东罗庚机器人有限公司（以下简称罗庚机器人）总经理蒲小平处了解到，该公司是一家研发与为客户提供高精度自适应机器人打磨抛光集成工艺的高科技企业，是机器人打磨领域的先行者。在国内外机器人打磨抛光应用…...

编程日记 2025/8/28 11:21:26

如何在 Java 中对 PDF 文件进行数字签名（教程）

Java 本身并不原生支持 PDF 文件，因此若要对 PDF 进行数字签名，您需要使用一些专用的软件。本教程将演示如何使用 JPedal PDF 库来对 PDF 文件进行数字签名。步骤： • 下载 JPedal 并将 Jar 文件添加到项目中 • 创建一个 PKCS#12 密…...

编程日记 2025/8/24 5:58:22

一文了解：北斗短报文终端是什么，有哪些应用场景？

在通信技术飞速发展的今天，人们已习惯于依赖地面基站和互联网实现即时通信。然而，当自然灾害突发、远洋航行遇险或深入无人区勘探时，传统通信手段往往失效。北斗短报文终端——这一由中国自主研发的卫星通信技术，正以“无网络通信…...

编程日记 2025/8/28 19:05:53

【KWDB创作者计划】_KWDB应用之实战案例

【KWDB 2025 创作者计划】_KWDB应用之实战案例本文是在完成KWDB数据库安装的情况下的操作篇，关于KWDB的介绍与安装部署，可以查看上一篇博客: https://blog.itpub.net/70045384/viewspace-3081187/ https://blog.csdn.net/m0_38139250/article/details/…...

编程日记 2025/8/24 2:02:29

JavaScript中的运算符与语句：深入理解编程的基础构建块

# JavaScript中的运算符与语句：深入理解编程的基础构建块在JavaScript编程的世界里，运算符和语句就像是构建大厦的基石，它们是编写高效、灵活代码的基础。今天，我们就来深入了解一下这些重要的元素。 ## 一、运算符：…...

编程日记 2025/8/21 20:55:17

MySQL——学习InnoDB（1）

MySQL——学习InnoDB（1） 文章目录 MySQL——学习InnoDB（1）1. InnoDB的前世今生1.1 诞生发展1.2 核心设计1.3 关键进化 2. InnoDB和MyISAM在性能和安全上的区别2.1 性能对比2.2 安全对比 3. InnoDB架构图（内存结构磁盘结…...

编程日记 2025/8/28 7:43:02

QT中多线程写法

转自个人博客：QT中多线程写法 1. QThread及moveToThread() 使用情况： 多使用于需要将有着复杂逻辑或需要一直占用并运行的类放入子线程中执行的情况，moveToThread是将整个类的对象移入子线程。优缺点： 优点：更符合…...

编程日记 2025/8/28 7:29:38

css 二维码始终显示在按钮的正下方，并且根据不同的屏幕分辨率自动调整位置

一、需求 “求职入口” 下面的浮窗位置在其正下方，并且浏览器分辨的改变（拖动浏览器），位置依旧在最下方二、实现 <div class"btn_box"><div class"btn_link id"js-apply">求职入口<di…...

编程日记 2025/8/26 21:28:28

STM32 认识STM32

目录什么是嵌入式？ 认识STM32单片机开发环境安装安装开发环境开发板资源介绍单片机开发模式创建工程的方式烧录STM32程序什么是嵌入式？ 1.智能手环项目主要功能有： 彩色触摸屏显示时间健康信息：心率&#…...

编程日记 2025/8/26 17:35:48

关于 CSDN的C知道功能模块的详细解析，包括新增的AI搜索（可选深度思考）和智能体功能的具体说明及对比分析

以下是关于 CSDN的C知道功能模块的详细解析，包括新增的AI搜索（可选深度思考） 和智能体功能的具体说明及对比分析： 一、C知道核心功能模块详解（基础功能） （参考前文内容，此处略…...

编程日记 2025/8/22 7:30:45

Vue--组件练习案例

图片轮播案例： <!DOCTYPE html><html lang"en"><head><meta charset"UTF-8"><title>Title</title></head><body><div id"app"><h1>轮播图</h1…...

编程日记 2025/8/25 21:40:38

Sentinel源码—1.使用演示和简介一

大纲 1.Sentinel流量治理框架简介 2.Sentinel源码编译及Demo演示 3.Dashboard功能介绍 4.流控规则使用演示 5.熔断规则使用演示 6.热点规则使用演示 7.授权规则使用演示 8.系统规则使用演示 9.集群流控使用演示 1.Sentinel流量治理框架简介 (1)与Sentinel相关的问题 …...

编程日记 2025/8/27 22:38:24

空间信息可视化——WebGIS前端实例（二）

技术栈：原生HTML 源代码：CUGLin/WebGIS: This is a project of Spatial information visualization 5 水质情况实时监测预警系统 5.1 系统设计思想水安全是涉及国家长治久安的大事。多年来，为相应国家战略，诸多地理信息领域的…...

编程日记 2025/8/25 9:05:26

高并发内存池（前言介绍）

高并发内存池项目介绍 1.项目介绍2.项目的知识储备要求3.了解池化技术及内存池4.本次项目中内存池解决的问题5.malloc 1.项目介绍此项目是实现一个高并发的内存池，它的原型是google的一个开源项目tcmalloc，tcmalloc全程Thread-Caching Malloc&#xff…...

编程日记 2025/8/23 4:20:34

误译、值对象和DDD伪创新-《分析模式》漫谈56

DDD领域驱动设计批评文集做强化自测题获得“软件方法建模师”称号《软件方法》各章合集 “Analysis Patterns”的第14章“类型模型设计模板模式”原文： Examples of such object types are the classic built-in data types of programming environments: inte…...

编程日记 2025/8/25 13:42:38

Java单例模式：实现全局唯一对象的艺术

精心整理了最新的面试资料和简历模板，有需要的可以自行获取点击前往百度网盘获取点击前往夸克网盘获取一、什么是单例模式？ 单例模式（Singleton Pattern）是一种创建型设计模式，确保一个类只有一个实例&#xff0c…...

编程日记 2025/8/24 13:05:35

机器学习项目二：帕金森病检测

目录下载数据一、导入相关包二、数据加载三、特征工程四、构建模型五、评估与可视化六、程序流程七、完整代码一、导入相关包 # 导入库部分 import numpy as np # 数值计算基础库 import pandas as pd # 数据处理库 from sklearn.preprocessing import MinMaxS…...

编程日记 2025/8/27 22:42:39

FreeDogs：AI、区块链与迷因文化的深度融合

引言在 Web3 时代，人工智能（AI）、区块链技术和迷因文化的结合催生了一种全新的去中心化生态系统。FreeDogs 项目作为这一领域的创新代表，通过独特的技术与文化融合模式迅速受到关注。它利用 AI 驱动的智能营销网络推动迷因文化的…...

编程日记 2025/8/26 18:10:07

《组合优于继承：构建高内聚低耦合模块的最佳实践》

《组合优于继承：构建高内聚低耦合模块的最佳实践》一、引言：编程范式中的选择在软件设计中，继承和组合是两个重要的设计模式。继承（Inheritance）常被用来实现代码复用，但滥用继承容易导致脆弱的类层次结构，增加耦合度和维护成本。而组合（Composition）通过将功能分解…...

编程日记 2025/8/25 5:26:00

机器学习02——RNN

一、RNN的基本概念定义循环神经网络（Recurrent Neural Network，RNN）是一种用于处理序列数据的神经网络架构。它与传统的前馈神经网络（如多层感知机）不同，RNN具有“记忆”功能，能够利用前一时…...

编程日记 2025/8/26 4:56:08

Java基础——面试自我总结

1、String类中常用方法和equals区别答：对于和equals这两个都是用来比较判断是否相等，其中用来判断两个变量的值是否相等，变量的值的类型分为基本数据类型和引用数据类型。对于，基本数据类型是直接进行值比较，而对于引…...

编程日记 2025/8/27 4:34:06

低功耗设计：Level Shift的种类（以SAED EDK 32/28nm工艺库为例）

在多电压设计中，当信号从一个电压域跨越到另一个电压域时，需要使用电压转换器(Level Shift)。它的工作方式类似于缓冲器，但其输入和输出使用不同的电压，作用是将一个逻辑信号从一个电压转换为另一个电压，并在输入到输出…...

编程日记 2025/8/25 7:19:28

UE5 Chaos ：渲染网格体 (Render Mesh）和模拟网格体是如何关联的？为什么模拟网格体可以驱动渲染网格体？

官方文献：https://dev.epicgames.com/community/learning/tutorials/pv7x/unreal-engine-panel-cloth-editor 这背后的核心是一种常见的计算机图形学技术，通常称为代理绑定 (Proxy Binding) 或表面变形传递 (Surface Deformation Transfer)。关联机制…...

编程日记 2025/8/27 4:01:26

vite build

vite build --mode staging

总结

相关文章：

`vite build`

`vite build --mode staging`