vue 启动项目时间很长？已解决

最新推荐文章于 2024-03-14 11:21:30 发布

偏居闹市背后

最新推荐文章于 2024-03-14 11:21:30 发布

阅读量5.3k

点赞数 2

分类专栏： Vue相关文章标签： vue

本文链接：https://blog.csdn.net/weixin_43839317/article/details/117026305

版权

Vue相关专栏收录该内容

5 篇文章 0 订阅

订阅专栏

突然想起来，之前开发vue项目的时候，第一次以及后续每次更改完东西后，页面都需要加载，启动时间很长，需要两三分钟！！

解决方案：

把config/index.js中的

useEslint 属性值改为 false 即可！！！

亲测过，真的好用哦！
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

偏居闹市背后

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue项目首次加载时间很长（gzip篇）

hong598hong的博客

06-18

1279

gzip优化vue项目首次加载一、项目配置： webpack.prod.conf.js webpackConfig.plugins.push( new CompressionWebpackPlugin({ // asset: '[path].gz[query]', fileName: '[path].gz[query]', //这个位置的asset要改为fileName algorithm: 'gzip', test: new RegExp(

vue显示服务器时间,Vue CLI 项目页面打开时间优化：从16秒到2秒内

weixin_42515101的博客

08-08

1270

Vue CLI 项目页面打开时间优化：从16秒到2秒内这篇文章发布于 2020/11/30，归类于 Vue标签：vue-cli项目页面加载时间太长，npm run build 打包很大，vue vendor.js文件太大，vue项目包体积优化在日常开发中，经常要写一些 demo 来测试一些功能，于是专门新建了一个 github 仓库来管理，方便积累。这次想着把 vue demo 部署到服务器，方便...

参与评论您还未登录，请先登录后发表或查看评论

vue项目第一次加载很慢

weixin_45283339的博客

07-01

561

VUE项目打包后chunk文件较大，第一次加载比较慢，一、安装插件，指定5.0.1版本号，安装最新的导致不能打包 cnpm i compression-webpack-plugin@5.0.1 -S 二、在vue.config.js文件引入 const webpack = require('webpack') const CompressionWebpackPlugin = require('compression-webpack-plugin') const productionGzipExtensi

若依VUE启动异常缓慢,一直卡住不动的2个原因解决方法

张子豪的博客

01-16

2352

全网都找不到怎么解决,于是我就仔细排查了一番

我是如何把vue项目启动时间从70s优化到7秒的

CRMEB小程序商城的博客

12-20

7755

可怕的启动时间公司的产品是一个比较大的后台管理系统，而且使用的是webpack3的vue模板项目，单次项目启动时间达到了70s左右启动个项目都够吃一碗豆腐脑了，可是没有豆腐脑怎么办，那就优化启动时间吧！考虑到升级webpack版本的风险还是比较大的，出了一点问题都得找我，想想还是先别冒险，稳妥为主，所以我选择了通过插件来优化构建时间。通过查阅资料，提升webpack的构建时间有以下几个方向：多进程处理文件，同一时间处理多个文件预编译资源模块，比如把长时间不变的库提取出来做预编译，构建的时候直接

vue项目首屏打开速度慢的解决方法

10-17

主要介绍了vue项目首屏打开速度慢的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

Vue项目卡顿慢加载？这些优化技巧告诉你！

热门推荐

web全栈开发的博客

06-30

1万+

前端开发是一个快速发展的领域，每天都会涌现出新的技术和工具。在实现功能的同时，开发人员面临着许多挑战如代码可维护性，加载时间,访问速度,构建速度等问题。这些挑战可能直接影响网站的性能和用户体验，需要采取一些优化措施来改善问题。在本文中，我们将探讨一些前端项目优化的具体措施，旨在帮助开发人员提高项目效率，升级用户体验。综合各方面来说就是。

解决vue-cli项目开发运行时内存暴涨卡死电脑问题

10-16

本篇文章将探讨如何解决Vue CLI项目在开发过程中内存暴涨，进而卡死电脑的问题。首先，问题的出现可能与更新项目的依赖有关。在开发者经历的案例中，更新某些依赖后，出现了内存占用过高的现象。具体来说，问题出...

浅谈VUE-CLI脚手架热更新太慢的原因和解决方法

01-19

用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？解决方法 webstorm保存的时候会先保存...

Vue项目启动文件加载分析与页面调用分析

qq_44706779的博客

10-27

1315

Vue项目启动文件加载分析一、Vue项目结构1、打开项目2、项目目录及文件说明2.1、项目主体结构2.2、build目录2.3、config目录2.4、src目录二、项目启动后文件加载过程1、执行`npm run dev `1.1、加载package.json文件1.2、加载配置文件webpack.dev.conf.js1.3、引入config目录中的index.js配置文件1.4、引入webpack.base.conf.js配置文件2、结论三、页面调用关系一、Vue项目结构 1、打开项目准备好开发工具

当vue遇到老的项目启动和打包速度慢怎么办？ webpack-低版版本-编译启动速度和打包速度优化方案

qq_42389674的博客

02-27

3812

vue项目，vue-cli和webpack版本太低项目启动太慢如何优化，开启 terser-webpack-plugin 代码压缩，开启摇树优化，watchOptions 忽略node_modules，production 模式关闭 devtool的sourcemap,开启cache缓存,以及辅助工具webpack-bundle-analyzer，speed-measure-webpack-plugin，实现vue-cli低版本项目的启动和打包速度以及项目体积终极优化

vue 项目启动时进度卡在68%不动，也不报错

最新发布

我的小鱼干呢！

03-14

992

项目启动时，进度卡顿在68%不动，再次记录一下这个bug。

vue2项目修改编译巨慢

zhaofuqiangmycomm的博客

11-16

1498

前言：我们的一个vue项目在给新同事后他说编译贼慢，一个小修改项5分钟才能自动编译成功，我把项目放到新电脑上也巨慢，升级了nodejs好使了一些，但还是慢，最后引入webpack后巨快，在项目的package.json中引入 webpack 后5秒不到就好了，哈哈哈。

vue项目性能优化，优化项目加载慢的问题

JessicaLi的博客

04-17

2674

一. 对路由组件进行懒加载：如果使用同步的方式加载组件，在首屏加载时会对网络资源加载加载比较多，资源比较大，加载速度比较慢。所以设置路由懒加载，按需加载会加速首屏渲染。在没有对路由进行懒加载时，在Chrome里devtool查阅可以看到首屏网络资源加载情况（6requests 3.8MB transfferred Finish:4.67s DOMContentLoaded 2.61s Load...

vue-cli初始化项目时localhost打不开

CXJ_9280的博客

05-17

2419

在用vue-cli脚手架初始化项目时npm run dev 运行后报错说localhost打不开： Error: listen EADDRNOTAVAIL: address not available 175.8.167.49:8080 at Server.setupListenHandle [as _listen2] (net.js:1253:19) at listenInCl...

【无标题】vue ui 启动后，浏览器打开http://localhost:8000/project/select后一直loading卡死

hehehehejiejie的博客

04-24

376

vue ui 启动后，浏览器打开http://localhost:8000/project/select后一直loading卡死

vue 部署项目,访问速度很慢

null

04-06

1052

vue项目安装compression-webpack-plugin插件 cnpm install compression-webpack-plugin 最新的compression-webpack-plugin插件运行起来可能会报错，找不到什么乱七八糟的属性：卸载原来的版本 npm uninstall compression-webpack-plugin 安装5.0.1版本 npm i compression-webpack-plugin@5.0.1 vue.config.js中添加配置 pro

vue实现同时运行开发环境和生产环境

博客简介

07-27

472

vue项目实现同时启动线上环境和本地环境

关于vue-cli脚手架后台加载太慢的解决办法

xxqxxz的博客

08-31

2017

因为公司后台文件太多从而导致编译vue文件太慢的话只需要两种办法就能解决第一步： npm install babel-plugin-dynamic-import-node 下载插件第二部：在.babelrc文件里面配置如图所示下面贴代码：拿过去直接复制粘贴就能解决了 “env”: { “development”: { “plugins”: [ “dynamic-import-node” ] } } ...

Vue3.2 + Vite + TypeScript 创建空白项目模板指南

1. 创建Vue 3.2项目: 使用Vue CLI或Vue脚手架工具，可以快速创建Vue 3.2项目。这些工具可以帮助开发者设置项目结构，包含必要的依赖和配置。 2. Vite配置: Vite的配置主要通过一个名为vite.config.ts的配置文件来...