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

【Vue工作原理】VueCli4 模板文件template不存在会生产一个默认文件原理

article 2026/4/5 6:01:12

Vue CLI 4 的 HtmlWebpackPlugin 在模板文件缺失时，‌不会中断构建流程‌，而是自动生成一个‌极简 HTML 结构‌（DeepSeek回答）

‌📘 官方资料来源解析（基于 2025 年存档数据）‌
当前时间：2025 年 02 月 26 日，Vue CLI 3 文档已归档，以下为历史资料定位：

🔍 ‌核心文档出处‌

‌《Vue CLI 3 插件系统指南》‌
- ‌章节‌：内置插件 > html-webpack-plugin 封装规则
- ‌说明‌：
  
  "当检测到 public/index.html 缺失时，CLI 将自动生成最小化 HTML 结构，包含 <title> 标签及 Webpack 编译后的资源注入逻辑，确保构建流程不中断。"
‌《HTML 与静态资源管理》‌
- ‌章节‌：3.1 默认模板生成机制
- ‌关键描述‌：
  markdownCopy Code
  
  - 无模板时的降级策略：自动生成 `<!DOCTYPE html>` 基础骨架 - 默认标题为 `Project`，字符集强制设为 `utf-8` - 保留 `script` 注入能力但省略挂载节点（需开发者自行补充）

📂 ‌存档文档验证路径‌

在 Vue CLI 3 存档库中可通过以下方式定位：

bashCopy Code

# 搜索关键词 1. "Fallback HTML generation" 2. "Missing template handling in HtmlWebpackPlugin" 3. "Vue CLI default HTML injection"

⚠️ ‌跨版本行为对比‌

特性	Vue CLI 3 (2018)	Vue CLI 5+ (2024+)
‌模板缺失处理‌	自动生成极简 HTML	抛出构建错误并中断
‌强制配置项‌	无（内置默认行为）	需通过 `fallbackTemplate: true` 手动启用

📝 ‌代码级佐证（存档片段）‌

javascriptCopy Code

// Vue CLI 3 源码片段（@vue/cli-service/lib/config/html.js） if (!fs.existsSync(templatePath)) { console.log('⚠️ Using default HTML fallback...') return { templateContent: ` <!DOCTYPE html> <html> <head><meta charset="utf-8"><title>${defaultTitle}</title></head> <body> ${injectScripts(assets)} </body> </html> ` } }

‌📌 总结建议‌
如需在 Vue CLI 5+ 中复现此行为，需在 vue.config.js 中显式声明降级逻辑：

javascriptCopy Code

module.exports = { chainWebpack(config) { config.plugin('html').tap(args => { args.fallbackMode = 'legacy' // 强制启用旧版降级生成 return args }) } }

【Vue工作原理】VueCli4 模板文件template不存在会生产一个默认文件原理

Vue CLI 4 的 HtmlWebpackPlugin 在模板文件缺失时，‌不会中断构建流程‌，而是自动生成一个‌极简 HTML 结构‌（DeepSeek回答） ‌📘 官方资料来源解析（基于 2025 年存档数据）‌ 当前时间&#…...

编程日记 2026/3/26 5:43:17

数据开发的简历及面试

简历个人信息: 邮箱别写QQ邮箱, 写126邮箱/189邮箱等学历>>本科及以上写,大专及以下不写专业>>非计算机专业不写政治面貌>>党员写, 群众不用写掌握的技能: 精通 > 熟悉 > 了解专业工具: 大数据相关的公司: 如果没有可以写的>>金融服…...

编程日记 2026/4/3 1:34:03

如何在docker上部署前端nginx服务（VUE）

目录结构 clean.sh docker stop rszWeb; docker rm rszWeb; start.sh docker run -d \ --name rszWeb \ -p 7084:80 \ -m 500m \ --privileged=true \ --restart=always \ -v /home/rsz/ui/conf/nginx.conf:/etc/nginx/nginx.conf \ -v /home/rsz/ui/logs:/meta/logs \ -v /…...

编程日记 2026/3/27 20:07:22

模型和数据集的平台之在Hugging Face上进行模型下载、上传以及创建专属Space

模型下载步骤： 注册Hugging Face平台 https://huggingface.co/ 新建一个hf_download_josn.py 文件 touch hf_download_josn.py 编写hf_download_josn.py文件 import os from huggingface_hub import hf_hub_download# 指定模型标识符 repo_id "inter…...

编程日记 2026/4/2 14:10:20

[Web 信息收集] Web 信息收集 — 手动收集 IP 信息

关注这个专栏的其他相关笔记：[Web 安全] Web 安全攻防 - 学习手册-CSDN博客 0x01：通过 DNS 服务获取域名对应 IP DNS 即域名系统，用于将域名与 IP 地址相互映射，方便用户访问互联网。对于域名到 IP 的转换过程则可以参考下面这篇…...

编程日记 2026/4/5 3:51:49

排序算法（3）：

这是我们的最后一篇排序算法了，也是我们的初阶数据结构的最后一篇了。我们来看，我们之前已经讲完了插入排序，选择排序，交换排序，我们还剩下最后一个归并排序，我们今天就讲解归并排序，另外我们还…...

编程日记 2026/3/21 1:28:22

TypeScript - 泛型

泛型允许在定义函数、类或接口时，使用类型参数来表示未指定的类型，这些参数在具体使用时，才被指定具体的类型，泛型能让同一段代码适用于多种类型，同时仍然保持类型的安全性。举例：如下代码中 <T> 就…...

编程日记 2026/4/5 5:49:13

Python基于Django和Vue的校园互助平台（附源码、文档说明）

博主介绍：✌IT徐师兄、7年大厂程序员经历。全网粉丝15W、csdn博客专家、掘金/华为云//InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ 🍅文末获取源码联系🍅 👇🏻 精彩专栏推荐订阅👇&#x1f3…...

编程日记 2026/3/23 22:31:56

打包rocketmq-dashboard报错问题记录

在进入到\rocketmq-dashboard-2.0.0\rocketmq-dashboard-rocketmq-dashboard-2.0.0目录下，执行mvn clean package -Dmaven.test.skiptrue打包，报错： java: java.lang.NoSuchFieldError: Class com.sun.tools.javac.tree.JCTree$JCImport does…...

编程日记 2026/3/7 22:07:47

Redis 高可用性：如何让你的缓存一直在线，稳定运行？

🎯 引言：Redis的高可用性为啥这么重要？ 在现代高可用系统中，Redis 是一款不可或缺的分布式缓存与数据库系统。无论是提升访问速度，还是实现数据的高效持久化，Redis 都能轻松搞定。可是，当你把 …...

编程日记 2026/4/4 10:50:47

Windows和AD域提权枚举脚本及工具介绍

在 Windows 和 Active Directory (AD) 域环境中，权限提升和枚举是渗透测试的关键部分。为了有效进行这些操作，使用特定的工具和脚本可以帮助你识别和利用系统中的漏洞。以下是一些常用于 Windows 和 AD 域环境中的权限提升和枚举脚本工具： W…...

编程日记 2026/3/26 11:56:18

【Linux】调试工具GDB的使用及案例讲解

Linux系列文章目录 Linux系列前言一、gdb的使用背景二、gdb的使用总结本篇主要针对小白讲解，可以很多地方比较咯嗦前言 GDB是Linux下一款强大的调试工具。GDB可以调试C、C、Java等语言，对于在Linux下工作的程序员来说，GDB是必不可少的调试…...

编程日记 2026/4/5 4:50:21

DeepSeek回答：AI时代Go语言学习路线

最近有小伙伴经常会问：**该如何学习入门Go语言？怎样提升Go语言Coding水平？**这篇文章我们就使用DeepSeek来梳理下Go语言在AI时代的学习路线。向DeepSeek提问的问题原文： 你现在是一名资深的Go语言工程师，精通Go语言并…...

编程日记 2026/3/27 6:21:56

1分钟用DeepSeek编写一个PDF转Word软件

一、引言如今，在线工具的普及让PDF转Word成为了一个常见需求，常见的pdf转word工具有收费的wps，免费的有pdfgear，见下文： PDFgear:一款免费的PDF编辑、格式转化软件-CSDN博客还有网上在线的免费pdf转word工具smallp…...

编程日记 2026/4/2 9:01:13

【Linux】初探信号的奥秘

目录一、引入信号： 1、什么是信号： 二、前后台进程： 三、信号的处理方式： 四、键盘数据与信号： 前言： 在Linux系统编程中，信号（Signal）是一种至关重要的进程间通信…...

编程日记 2026/4/4 3:21:38

Fetch MCP 安装笔记-roo cline实操版本

Fetch MCP 安装笔记-roo cline实操版本 cursor中将MCP加入知识库：Doc->add new doc https://modelcontextprotocol.io/introduction MCP 参考https://github.com/langgptai/LangGPT 帮我生成一个langgpt的提示词，写到langgpt提示词.md MCP 学习这个文…...

编程日记 2026/3/17 6:10:40

C#初级教程（6）——函数：从基础到实践

一、函数的核心价值：简化与复用代码以游戏开发项目为例，在游戏中，角色的移动、攻击等行为并非只在单一场景中出现。设想一下，若每次需要角色执行这些行为时，都要重新编写对应的代码，那将是何等繁琐且易错的…...

编程日记 2026/3/30 14:49:10

Ubuntu搭建esp32环境配置打开AT指令集 websocket功能

1，搭建前提环境搭建参考乐鑫官网给的本地编译 ESP-AT 工程方法因为公司电脑和网络的特殊性，不能正确解析域名（仅在浏览器上可以访问） ，所以这边访问的时候改成了ssh 未了避免使用外网困难的问题，这里用…...

编程日记 2026/4/5 1:12:32

express(node ORM) 使用 Winston 记录日志及数据库保存日志

一、安装 npm i winston npm i winston-mysql二、配置 winston 2.1、封装 const config require(__dirname ‘/…/config/config.json’)[env]; 先判断当前是什么环境，如果.env中没有配置，就是开发环境。接着去config/config.json中读取对应的配置。…...

编程日记 2026/4/2 13:44:15

是德科技keysight N5173B信号发生器，是一款经济高效的仪器

是德科技keysight N5173B信号发生器安捷伦N5173B信号源是德N5173B微波模拟信号发生器，拥有 9 kHz 至 40 GHz 的频率覆盖范围，N5173B为宽带滤波器、放大器、接收机等器件的参数测试提供了必要的信号，是一款经济高效的仪器。 N5173B特点&…...

编程日记 2026/4/1 8:40:47

从零到一：如何用阿里云百炼和火山引擎搭建专属 AI 助手（DeepSeek）？

本文首发：从零到一：如何用阿里云百炼和火山引擎搭建专属 AI 助手（DeepSeek）？ 阿里云百炼和火山引擎都推出了免费的 DeepSeek 模型体验额度，今天我和大家一起搭建一个本地的专属 AI 助手。　阿里云百炼为 …...

编程日记 2026/4/1 2:07:53

FFmpeg视频处理入门级教程

一、FFmpeg常规处理流程 #mermaid-svg-W8X1llNEyuYptV3I {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-W8X1llNEyuYptV3I .error-icon{fill:#552222;}#mermaid-svg-W8X1llNEyuYptV3I .error-text{fill:#552222;str…...

编程日记 2026/4/1 2:32:11

C/C++ | 每日一练 (4)

💢欢迎来到张胤尘的技术站 💥技术如江河，汇聚众志成。代码似星辰，照亮行征程。开源精神长，传承永不忘。携手共前行，未来更辉煌💥 文章目录 C/C | 每日一练 (4)题目参考答案基础容器序列容器std:…...

编程日记 2026/4/3 7:21:45

数据安全_笔记系列06：数据生命周期管理（存储、传输、使用、销毁）深度解析

数据安全_笔记系列06：数据生命周期管理（存储、传输、使用、销毁）深度解析数据生命周期管理（存储、传输、使用、销毁）详解数据生命周期管理（Data Lifecycle Management, DLM）是围绕数据从创建…...

编程日记 2026/4/4 3:20:13

后端返回文件流，前端导出excel文件

1、当后端接口返回文件流时，需前端导出excel文件，在请求中添加 responseType: blob限制条件，根据返回的文件流导出封装的方法： /** * 公共的导出excel方法 * param {*} content 后端接口返回的二进制文件 * param {*} name 导出…...

编程日记 2026/3/3 9:48:57

Python开发 Flask框架面试题及参考答案

目录 Flask 的核心设计理念是什么？与 Django 相比有哪些显著差异？解释 Flask 框架的核心理念及其作为 “微框架” 的优缺点 Flask 的依赖库有哪些？简述 Werkzeug 和 Jinja2 的作用什么是 WSGI？Flask 如何基于 WSGI 实现服务端与应用的交互解释 RESTful API 的设计原…...

编程日记 2026/3/18 10:41:28

Python 3.11 69 个内置函数（完整版）

一、数学与数值运算（12个） 函数说明示例 abs(x) 绝对值 abs(-5)→ 5 divmod(a, b) 返回(a//b, a%b) divmod(7,3)→ (2,1) max(iterable) 最大值 max([1,2,3])→ 3 min(iterable) 最小值 min([1,2,3])→ 1 pow(a, b) a^b（等…...

编程日记 2026/4/2 8:05:12