Vue项目中app.js过大，导致web初始化加载过慢问题

7月前作者：zhou13528482267 分类：Toy博客阅读(33) 违法举报

这篇具有很好参考价值的文章主要介绍了Vue项目中app.js过大，导致web初始化加载过慢问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1、删除多余不需要的库： npm uninstall xxx

如例如moment库文件是很大的可以直接放到index.html文件直接CDN引入

2、修改/config/index.js配置文件：将productionGzip设置为false

Vue项目中app.js过大，导致web初始化加载过慢问题,前端,vue.js,app.js

3、设置vue-router懒加载

懒加载配置：

Vue项目中app.js过大，导致web初始化加载过慢问题,前端,vue.js,app.js

非懒加载配置：

Vue项目中app.js过大，导致web初始化加载过慢问题,前端,vue.js,app.js

4、在webpack.prod.conf.js文件中修改配置：

Vue项目中app.js过大，导致web初始化加载过慢问题,前端,vue.js,app.js

5、在index.html文件中使用CDN

Vue项目中app.js过大，导致web初始化加载过慢问题,前端,vue.js,app.js

6、修改/build/webpack.base.conf.js中修改配置。给module.exports添加externals属性(详细： https://webpack.docschina.org/configuration/externals/)

Vue项目中app.js过大，导致web初始化加载过慢问题,前端,vue.js,app.js

7、按需引入element-ui

Vue项目中app.js过大，导致web初始化加载过慢问题,前端,vue.js,app.js 文章来源地址https://www.toymoban.com/news/detail-681043.html

到了这里，关于Vue项目中app.js过大，导致web初始化加载过慢问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

1、前端项目初始化（vue3)

安装npm，（可以用nvm管理npm版本）npm安装需要安装node.js（绑定销售？）而使用nvm就可以很方便的下载不同版本的node，这里是常用命令配置npm源命令：设置镜像源： npm config set registry https://registry.npm.taobao.org 查看当前使用的镜像地址: npm config get registry 参考：https://www.cnbl

2024年01月20日
浏览(43)
构建vue初始化项目：vue create 命令构建vue项目

首先找到自己的文件夹 1.创建vue项目： vue create vue 2.选择Manually select features自定义创建 3.选择vue版本(这里选择的是vue2) 4. 5. 6. 7. 8创建完成创建完项目后先删除node_modules然后执行 npm设置淘宝镜像加速：npm config set registry https://registry.npm.taobao.org 然后再执行 npm安装: npm install

2024年02月08日
浏览(40)
Vue2电商前台项目——项目的初始化及搭建

Vue基础知识点击此处——Vue.js 使用脚手架创建项目，在需要放置项目的目录下打开cmd输入：这个name是项目名（我的项目名是potato-mall 创建有问题或者不太熟悉的具体参考之前的脚手架配置笔记 1、脚手架目录介绍项目创建成功后，点开项目目录，会出现以下文件：这些文件

2024年02月09日
浏览(40)
从零开始基于go-zero的go web项目实战-01项目初始化

导语 Go 是 Google 开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言，go语言的特点：语法简洁 Go语言简单易学，学习曲线平缓代码风格统一执行性能好开发效率高等等… 在Go语言中，有很多高性能的web框架：gin、beego、iris等。作为后起之秀，近年来

2024年02月16日
浏览(40)
【vue3项目初始化配置】vue3 + element plus

项目初始化是开发过程中很重要的一个环节，本篇博客带大家从零开始创建并初始化一个vue3项目，文章详细介绍了每个步骤，希望能帮助刚接触开发的小伙伴。目录一.创建项目二.安装插件编辑编辑三.安装依赖编辑编辑四.配置项目配置vu.config.js文件配置

2024年01月18日
浏览(61)
【Vue + TS】项目架构、环境搭建 -------（Vite)安装初始化（一）

前言 “学习能力也好，执行力也罢，核心只有一个：在刚开始的时候，平静地接受自己的笨拙。” 本篇文章是 Vue项目基于 Vite初始化的过程，借此记录一下，巩固基础！第一章安装 Vite，本篇基于npm进行（请检测自己的node版本）具体可看：Vite官方中文文档全局安装vite，

2024年02月03日
浏览(44)
【Vue全家桶】带你全面了解通过Vue CLI初始化Vue项目

🫡这里是前端程序员小张 🌟创作不易，希望各位大佬支持一下什么是Vue脚手架？在真实开发中我们不可能每一个项目从头来完成所有的 webpack配置，这样显示开发的效率会大大的降低；所以在真实开发中，我们通常会使用脚手架来创建一个项目，Vue的项目我们使用的就是

2023年04月09日
浏览(32)
黑马程序员前端 Vue3 小兔鲜电商项目——（二）初始化项目

Vue3是Vue.js最新的主要版本，它已经于2020年9月18日发布。它提供了许多新功能和性能改进，这些改进使得Vue更易于使用和更具可扩展性。以下是Vue3的一些主要特性：更快的渲染：Vue3使用重写的响应式系统，它使用Proxy对象来解决Vue2中的性能瓶颈问题。这使得Vue3的渲染速度比

2024年02月11日
浏览(34)
黑马程序员前端 Vue3 小兔鲜电商项目——（一）初始化项目

Vue3是Vue.js最新的主要版本，它已经于2020年9月18日发布。它提供了许多新功能和性能改进，这些改进使得Vue更易于使用和更具可扩展性。以下是Vue3的一些主要特性：更快的渲染：Vue3使用重写的响应式系统，它使用Proxy对象来解决Vue2中的性能瓶颈问题。这使得Vue3的渲染速度比

2024年02月15日
浏览(67)
【前端Vue】社交信息头条项目完整笔记第1篇：一、项目初始化【附代码文档】

社交媒体-信息头条项目完整开发笔记完整教程（附代码资料）主要内容讲述：一、项目初始化使用 Vue CLI 创建项目,加入 Git 版本管理,调整初始目录结构,导入图标素材。二、登录注册准备,实现基本登录功能,登录状态提示,表单验证。三、个人中心，四、首页—文章列表TabBar

2024年03月09日
浏览(54)