vue2 项目打包优化 - 东方不败-

news/2025/11/13 15:04:29/文章来源:https://www.cnblogs.com/zhang-dan/p/19218205
在项目的根目录会自动创建一个文件夹`dist`,dist中的文件就是打包后的文件,只需要放到服务器中即可。

配置publicPath


```js
module.exports = {
// 设置获取.js,.css文件时,是以相对地址为基准的。
// https://cli.vuejs.org/zh/config/#publicpath
publicPath: './'
}
```

 路由懒加载

路由懒加载 & 异步组件, 不会一上来就将所有的组件都加载,而是访问到对应的路由了,才加载解析这个路由对应的所有组件

官网链接:https://router.vuejs.org/zh/guide/advanced/lazy-loading.html#%E4%BD%BF%E7%94%A8-webpack

> 当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。

```js
const ProDetail = () => import('@/views/prodetail')
const Pay = () => import('@/views/pay')
const MyOrder = () => import('@/views/myorder')
```

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/964359.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Apache RocketMQ在Windows下的保姆级安装教程(含可视化界面安装) - 教程

Apache RocketMQ在Windows下的保姆级安装教程(含可视化界面安装) - 教程pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family…

2025下半年国内液压/电动/半自动升降柱厂家排行榜:技术领先企业全面解析

文章摘要 2025年国内升降柱行业迎来快速发展期,随着智慧城市建设和安防需求提升,全自动升降柱、液压升降柱等产品技术不断创新。本文基于市场调研数据和行业专家评价,为您呈现最新升降柱品牌排名,其中成都瑞思杰智…

Tita 项目:赋能教育培训机构突围,开启高效运营新篇章

某中型教育培训机构,专注于少儿英语、数学思维及艺术素养等多领域课程培训,拥有教职员工 400 余人,在当地教育培训市场深耕多年,积累了一定的品牌知名度和学员基础。然而,随着教育培训行业竞争的日益激烈以及市场…

2025年矿用设备设施安全检测检验企业口碑排行榜

摘要 矿用设备设施安全检测检验行业在2025年迎来快速发展,随着矿山安全法规的加强和智能化技术的应用,企业对专业检测服务的需求持续增长。本文基于行业数据、用户口碑和技术实力,为您推荐Top10检测检验企业,并提供…

2025年11月国内矿用设备设施安全检测检验厂家top10

摘要 矿用设备设施安全检测检验行业在2025年迎来快速发展,随着矿山安全法规的加强和智能化技术的应用,市场需求持续增长。本文基于权威数据和用户口碑,精选出前十名优秀企业排名,为矿山企业提供参考。榜单结合推荐…

2025年矿用设备设施安全检测检验企业推荐指南

摘要 矿用设备设施安全检测检验行业在2025年迎来快速发展,随着矿山安全法规的加强和智能化技术的应用,企业对专业检测服务的需求日益增长。本文基于行业数据和用户口碑,为您推荐top5检测企业,重点介绍各公司的优势…

centos6.5升级openssh10.2p1

#背景 CentOS release 6.5系统版本比较老,openssh 有漏洞需要升级 # 1. 安装依赖 ``` 下载源码 https://github.com/openssl/openssl/releases/download/openssl-3.0.18/openssl-3.0.18.tar.gz https://www.cpan.org/…

adb gdb+gdbserver远程调试ddsrouter

11911 adb gdb+gdbserver远程调试ddsrouter1 adb -s XSP12345678 shellgdbserver 127.0.0.1:1234 --attach $(pidof ddsrouter)2 adb -s XSP12345678 forward tcp:1234 tcp:12343 C:\Program Files (x86)\GNU Arm Embe…

A4纸打印标签

.content-box { //A4纸宽度width: 210mm; //水平居中margin: 0 auto;font-size: 12px; } .list {list-style: none;display: flex;flex-wrap: wrap;//将内容宽度固定好 = A4纸打印内容宽度padding: 0 4%;.item {//一个…

十、修改数据表 alter

MySQL 中 alter 语句更新表定义即改变原有表的结构。 1、修改数据表名或者修改数据表字段 在已有的表中添加、修改或删除列字段,创建或者取消索引,更改字段类型,重命名字段或者表名等。语法格式:alter table 表名 …

TIA Portal 最新正式版本是 V20

TIA Portal 最新正式版本是 V20TIA Portal 最新正式版本是 V20(更新 4) — 官方文档显示 “TIA Portal V20 Update 4” 已于 2025 9月发布。 西门子行业支持+2西门子完全集成自动化+2

Python 集合Set简介

集合Set 集合(Set)是Python中的一种无序、可变的容器类型,用于存储唯一的、不可重复的元素。 特点无序 元素唯一性 可变性 只能包含不可变元素(可哈希的)创建集合 # 从列表创建 set_from_list = set([1, 2, 2, 3,…

2025年微波干燥机优质厂家权威推荐榜单:微波加热设备/微波烘干机/微波干燥设备源头厂家精选

在工业绿色转型与效能提升的双重驱动下,微波干燥技术正以其高效、节能的特性,成为众多行业升级干燥工艺的首选。 据行业研究报告显示,2024年全球微波加热干燥机市场规模已实现稳定增长,预计2031年全球市场销售额将…

安装WIndows11时绕过微软账户强制要求,使用本地账户登录

安装WIndows11时绕过微软账户强制要求,使用本地账户登录具体操作步骤 当安装Windows 11并出现"让我们为您连接网络"的界面时,可以使用Shift+F10组合键打开Windows命令提示符。在命令提示符中输入start ms-…

算力赋能场景:RK主板的技术演进与行业应用全景

在嵌入式计算与边缘智能快速发展的当下,基于瑞芯微电子(Rockchip)芯片打造的RK 主板,凭借高性能、低功耗、强扩展及丰富生态等核心优势,已成为智能终端、工业控制、边缘AI等领域的核心硬件支撑。从早期的功能型嵌…

2025年RS485噪声监测仪定做厂家权威推荐榜单:噪声检测仪/工业声音传感器/噪声检测传感器源头厂家精选

在工业4.0和智慧城市建设的推动下,RS485噪声监测仪凭借其稳定可靠的数据传输能力,已成为环境监测领域不可或缺的关键设备。 据2025年行业数据显示,中国工业噪声监测设备市场规模预计达到85亿元,年增长率稳定在12% …

配置Centos/Ubuntu免密登录

配置Centos/Ubuntu免密登录配置Centos/Ubuntu免密登录 powershell 中的解决方案:创建密钥对:ssh-keygen -t rsa将生成的公钥复制到目标服务器的authorized_keys文件中:type ~/.ssh/id_rsa.pub | ssh user@host cat …

HarmonyOS Next 快速参考手册 - 实践

HarmonyOS Next 快速参考手册 - 实践pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monac…

国标GB28181算法算力平台EasyGBS:构筑公安数字化安防的“核心枢纽”

国标GB28181算法算力平台EasyGBS:构筑公安数字化安防的“核心枢纽”随着平安城市、智慧公安建设的深入推进,公安领域的安防体系正经历着从“看得见”到“看得懂”的数字化嬗变。在这一过程中,如何将海量、异构的前端…

2025年11月重庆眼镜店最新推荐,覆盖青少年配眼镜/儿童配眼镜/老年人配眼镜/全人群配镜需求

当前重庆地区不同年龄段人群对配镜需求愈发细分,青少年近视防控、儿童视力矫正、老年人花镜适配等核心诉求不断提升,但市场上眼镜店资质参差不齐,部分店铺存在验光精度不足、镜片材质劣质、售后保障缺失等问题,导致…