# 如何用yarn删除node_modules文件夹
## 引言
在日常的开发工作中，我们经常需要使用依赖管理工具来管理项目中的各种依赖关系。而对于Node.js开发者来说，最常用的依赖管理工具之一就是yarn。yarn不仅提供了更快速的依赖安装速度，还具备更好的缓存机制和依赖版本控制能力。然而，有时候我们需要删除项目中的node_modules文件夹，以便重新安装依赖或者清理空间。本文将教会你
原创
2023-12-15 10:41:40
17阅读
1. 第一步进行VUE项目打包操作打包vue之前我们需要设置下项目的几处地方1、在build/utils.js文件中修改if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
publicPath:'../../', // 添加的代码
fallbac
本文以vue-cli3+为例，实现多系统集成下的分模块打包。分模块打包方式多种多样，下文可适用于多系统之间互不干扰，主系统可集成各子系统，各子系统又可单独运行的业务场景。一、目标我们要实现什么？所谓分模块打包，那么各个模块内就必须得有自己独立的入口文件，路由文件。按照这种构想，我在一个新的脚手架src目录下新建了一个projects目录：如上图，可以看到Aproject、B、C、D四个项目。我在A
转载
2024-05-22 16:39:27
708阅读
趁着爸妈做年夜饭之前，把之前做的笔记贴出来，新的一年到了，祝大家 Nginx + Node + Vue 部署初试知乎个人博客Github日常学习笔记Nginx 定义异步框架的 Web服务器，也可以用作反向代理，负载平衡器 , HTTP缓存, 媒体流等的开源软件。它最初是一个旨在实现最高性能和稳定性的Web服务器。除了HTTP服务器功能外，NGINX还可以用作电子邮件（IMAP，POP3和SMTP）
转载
2023-09-08 11:27:11
168阅读
本文目录一、背景描述二、问题原因三、解决方案一、背景描述Module build failed: Error: ENOENT: no such file or directory, scandir 'G:
原创
2023-05-25 00:04:05
1442阅读
# 在Docker 中打包Vue项目
在前端开发中，Vue 是一种流行的 JavaScript 框架，而 Docker 则是一种用于开发、打包和部署应用程序的工具。将 Vue 项目打包进 Docker 可以使我们更轻松地部署和管理前端应用。本文将介绍如何将 Vue 项目打包进 Docker，并提供相应的代码示例。
## 准备工作
在开始之前，我们需要确保已经安装了 Docker 和 Node
原创
2024-06-04 03:50:09
62阅读
本文是基于vuecli2搭建的项目.1. 下载安装nodejs 地址：https://nodejs.org/en/download/ 选择安装版windows .msi, 不要选择压缩版 下载完成后，下一步-->下一步-->安装完成 npm: node pageage mangeme
影响网页响应速度的因素有很多，例如：http请求次数太多、服务器本身处理请求太久、请求内容太大、JS脚本执行耗时过长、浏览器回流重绘等。网站页面的响应速度与用户体验息息相关，直接影响到用户是否愿意继续访问你的网站。对于Vue项目而言，最普遍的问题可能在于打包后的文件太大，导致加载时间过长。我的一个小项目，仅有三四个页面，但因为服务器带宽太小了，加载时间过长的问题尤为明显，于是采用路由懒加载和gzi
问题描述
大家用vue脚手架搭建前端工程时，常被缓存问题所困扰，具体的表现就是，当程序版本升级时，用户因为缓存访问的还是老的页面，然后很多同学很暴力的直接在index.html中加入了这几行代码：
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<
转载
2024-04-26 13:42:59
116阅读
# 使用 Docker 打包 Vue 3 项目：Node 环境配置指南
在当前的开发流程中，使用 Docker 来打包和部署前端应用已经成为一种常见的做法。本文将详细介绍如何将一个 Vue 3 项目与 Node 环境结合，通过 Docker 实现打包部署。我们将通过一个具体的示例来说明整个过程。
## 环境准备
首先，你需要确保已安装以下环境：
- Node.js（建议使用 LTS 版本）
快速解决Vue项目打包后文件过大问题为什么打包后文件过大？如何快速解决一、路由懒加载【使用es6提案的import()方式】二、CDN引入 为什么打包后文件过大？移动app项目，使用vue-cli脚手架搭建，UI主要运用的是Muse-UI，开发过程中为满足需求，混入Element-UI部分组件，加之团队开发，前端不止一人参与，在没有统一规范约束的情况下，编码风格和方式都很迥异和…混乱，以致依赖过
第一次部署项目上线，也查了很多资料，亲测可用，记录一下服务器配置阿里云 CentOS 7.2 64位配置服务器环境用xshell连接服务器，下载安装xshell，新建会话安装node.js更新yumyum -y update
yum -y groupinstall "Development Tools"进入/usr/src文件，这个文件夹用来存放软件源代码cd /usr/src从Node.js的站
1.移除console在我们项目开发的阶段，我们会使用很多的console用于代码的测试，在打包的时候会有警告弹出，上线之后是不需要这些代码的所有要移除console。解决方法1.1 babel-plugin-transform-remove-consolebabel插件 1.1.1 安装npm install
转载
2024-10-23 11:14:30
111阅读
产品服务端使用nodejs开发，部署时不能将代码部署到服务器，所以查到可用pkg将node服务端打包成exe，事先已经查了不少资料，本以为是一个很简单的事情，结果折腾了一天，才算搞定。现将打包过程以及遇到的问题记录如下，希望可以帮助到后面的人。 填坑记录！！！！ 打包流程记录：1. 安装pkgnpm install -g pkg2. 修改package.json,添加pkg配置和命令"s
分析工具Coverage：查看代码的使用状况移除死代码懒加载代码webpack-bundle-analyzer：查看资源树 1. productionSourceMap:false 2.路由懒加载 3. 关闭Prefetch 4.element-ui组件按需加载 5.使用 CDN 外部加载资源-vue, vuex, vue-router，axios 6.使用 CDN 外部加载资源-ec
常见的分布式事务场景分布式事务其实就在我们身边，你一直在用，但是你却一直不注意它。转账扣你账户的余额，增加别人账户余额，如果只扣了你的，别人没增加这是失败；如果没扣你的钱别人也增加了那银行的赔钱。下订单/扣库存电商系统中这是很常见的一个场景，用户下单成功了，店家没收到单，不发货；用户取消了订单，但是店家却看到了订单，发了货。分库分表场景当我们的数据量大了之后，我们可能会部署很多独立的数据库，但是你
转载
2024-07-04 15:59:21
53阅读
1、首先在安装好jenkins和gitLab 得环境中2、进行jenkins插件安装登录jenkins，系统管理-管理插件,选择可选插件，在过滤中查询gitLab、nodejs、build等关键信息，下载并安装以下插件：GitLab Plugin ;Gitlab Hook Plugin ;NodeJS ;Build Authorization Token Root Plugin ;其中gitLab
转载
2023-06-13 20:38:10
440阅读
搭建 Jenkins+nginx 的Node+vue的前端自动化部署主要用的Jenkins进行前端的自动化部署，环境以及工具使用的是：Docker 以及 Portainer ； 文章目录搭建 Jenkins+nginx 的Node+vue的前端自动化部署安装nginx及配置安装Jenkins及配置1- 安装Jenkins本身2- 系统安装NodeJS的环境3- Jenkins 系统插件及环境变量4
转载
2024-06-20 20:38:27
38阅读
如果按本文操作遇到一些问题报错，如C:\Users\milyyy\AppData\Roaming\npm-cache\_logs\2018-11-27T07_36_17_406Z-debug.log等等，解决办法可以参见我的另一篇文章：electron打包VUE项目中遇见的报错解决本篇文章源码请移步我的GitHub地址：简易使用electron打包vue踩过了无数的坑，碰到了很多问题。
转载
2024-08-13 10:20:00
205阅读
vue项目打包上线过程以及问题1.打包上线过程1.1如何打包？2.打包期间遇见问题2.1 css,js等静态文件路径错误2.2 favicon图标问题A. 非vue框架favicon图标问题B. Vue项目中favicon图标设置：修改完配置文件最好 npm run dev 一下2.3 图片等静态文件路径问题解决方案：在`build`文件夹下的`utils.js`文件中的`generateLoa
转载
2024-10-12 07:17:23
195阅读
