首先讲一下背景:我现在在开发的一个项目,需要运行RabbitMQ和Nodejs接收端(amqplib库),但是在Nodejs接收端运行时,无法连接至RabbitMQ端,经常提示说 connect ECONNREFUSED我查找了相关的资料,终于找到了原因RabbitMQ容器启动后,离服务可用还有一小段时间Nodejs接收端容器,则是启动后,就开始尝试连接至RabbitMQ服务器,那么中间            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-19 09:13:15
                            
                                154阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # 使用 Vue 和 Yarn 构建项目并输出到指定目录
在前端开发中,Vue 是一个流行的 JavaScript 框架,它为构建用户界面提供了很大的便利。Yarn 是一种快速、可靠且安全的依赖管理工具。当你完成了 Vue 项目的开发,并希望将其构建为生产版本时,常常需要将构建产物(dist 文件夹)输出到指定的目录中。本文将会介绍如何实现这一目标,并附上相应的代码示例。
## 一、准备工作            
                
         
            
            
            
            vue CLI 用起来的确很舒服,方便省事,但他经过层层封装很难明白,执行完那个npm run serve/build 后他都干了些什么,甚至不知道整个项目是怎么跑起来的,今天自己抽时间就去瞅瞅,为加深记录特此记录记录【声明】纯属个人学习推敲,有不对的地方欢迎指正,我们一起讨论共同学习一起进步 文章目录一、探寻npm run 背后的真实操作1、看看 npm run serve2、仿造一个serve            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-13 11:50:16
                            
                                592阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue系列之——Vuex
    vue 项目文件详细介绍build : 里面是对 webpack 开发和打包的相关设置,包括入口文件、输出文件、使用的模块等;config : 主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求 api 等。node_modules: 项目的依赖库;src : 我们主要操作的地方,组            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-19 21:39:59
                            
                                243阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            umijs源码中的说明:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-31 10:34:00
                            
                                650阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            npm run build 命令打包上线时,发现以下几个问题。虽然这些问题对项目正常运行影响不大,但是却对性能影响比较大。  1、加载图片过多,过大时,加载缓慢;  2、部署包过大,上传缓慢;本来想偷个懒,优化的事放到以后再说,但是每次上传服务器,包太大自己都感觉不爽。所以索性先优化了再说!1、加载图片过多,过大时,加载缓慢;  原因:  解决方案:2、部署包过大,上传缓慢原因一:vue-cli            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-02 12:09:14
                            
                                825阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            / dist目录在开源项目中是什么意思? 146 自从我dist/在许多开源项目(通常在GitHub)上首次看到目录以来,我一直在想它的含义。随着dist,vendor,lib,src,和许多其他的文件夹名称,我们看到很多时候,我有时想,我应该怎样命名我自己的文件夹。如我错了请纠正我!src:包含源。有时,只有纯资源(有时带有缩小版本)取决于项目。供应商:包含其他依赖项,例如其他开源项目。lib:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-30 07:31:44
                            
                                94阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Yarn Build Dist在哪里?
在前端开发中,使用构建工具是一个不可或缺的环节。Yarn是一个流行的包管理工具,它让我们能够快速地管理项目所需的依赖,并通过内置的命令实现代码的构建。在本文中,我们将重点介绍使用Yarn进行项目构建,尤其是生成dist(分发文件)的位置。
## 什么是dist目录?
在前端开发中,`dist`目录是用来存放构建产物的文件夹。通常情况下,当我们建立一            
                
         
            
            
            
            # yarn build 之后没有 dist:可能的原因及解决方案
在现代前端开发中,使用构建工具来将代码打包成供生产环境使用的静态文件是非常常见的流程。`yarn` 是一个流行的包管理工具,提供了简化依赖管理和执行构建脚本的能力。然而,有时候在执行 `yarn build` 之后,你可能会发现根本没有生成 `dist` 目录。本文将探讨可能原因及解决方案,并给出相应的代码示例。
## 1.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-10 04:40:13
                            
                                272阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 如何实现 "docker build vue dist" 缓存
## 1. 概述
在使用 Docker 构建 Vue.js 项目时,执行 `docker build` 命令可以将项目打包成 Docker 镜像,方便部署和运行。然而,每次构建镜像时都需要重新安装依赖、编译代码,可能会耗费大量时间和资源。为了提高构建速度,可以通过缓存机制来避免重复操作,本文将详细介绍如何实现 "docker            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-07 19:07:35
                            
                                147阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Yarn Build未生成dist文件的原因及解决方案
在使用Yarn进行JavaScript项目的构建时,很多开发者会遇到一个常见的问题:执行 `yarn run build` 后,未能生成 `dist` 文件夹。这可能会导致后续的部署和开发流程受到阻碍。本文将探讨这一问题的原因及解决方法,并通过示例代码和图示帮助大家更好地理解。
## 一、理解构建过程
构建过程是将源代码(如Java            
                
         
            
            
            
            # 如何解决“yarn build 找不到dist”问题
在前端开发中,使用 `yarn` 进行项目构建是一个常见的流程。如果在运行 `yarn build` 命令后发现找不到 `dist` 文件夹,这通常意味着构建过程出现了问题。本文将帮助你理解构建流程,并一步一步解决这个问题。
## 整体流程
在解决问题之前,我们先概述构建流程,表格形式如下:
| 步骤 | 操作            
                
         
            
            
            
            # 如何实现 "react yarn build没有dist" 的问题
## 简介
在使用 React 开发项目时,我们通常会用到 Yarn 包管理器来构建和打包项目。然而,有时候在执行 `yarn build` 命令时,可能会出现没有生成 `dist` 目录的情况。这篇文章将向刚入行的小白开发者介绍如何解决这个问题。
## 解决步骤
下面是解决 "react yarn build没有dis            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-21 11:24:05
                            
                                1084阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、确保已经安装了npm 或者 yarn  查看是否安装了npm或yarn:在控制台输入npm -v 或 yarn -v 能看到版本号就代表已经安装  (注意:Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+))2、全局安装vue脚手架工具 vue-cli    (这里安装的是vue-cli 2.X 的脚手架工具)  yarn            
                
         
            
            
            
            接上一片文章: 解读 vue-cli 脚手架(一):npm run dev的背后 如果没有看过我的上一篇文章,请先移步去看一下哈!时隔一年多,之前写的文章感觉大家还挺喜欢的,一直说要更新下一篇。但是一直没有机会,没时间,还有就是,感觉自己的技术,可能不足以支持我继续往下走。但是经过这个一年多的历练,感觉很多东西考虑的会更周全,不负期待!废话说一堆,步入正题。一、前言这里有必要声明一下,上一篇文章我            
                
         
            
            
            
            npm脚本Node 开发离不开 npm,而脚本功能是 npm 最强大、最常用的功能之一。什么是 npm 脚本?npm 允许在package.json文件里面使用 scripts 字段定义脚本命令。{
    "scripts": {
        "build": "node build.js"
    }}上面代码是 package.json 文件的一个片段,里面的 scripts 字段是一个            
                
         
            
            
            
            1. 匿名函数
    1.1 什么是匿名函数
        python允许使用lambda来创建一个匿名函数,匿名是因为他不需要以标准的方式来声明,比如def语句
    1.2 匿名函数优点
        节省内存:如果不把它赋值给一个变量的话,由于是匿名的,不用分配栈空间
        不会重名
        可以嵌在推导式中,代码更简练
    1.3 举例
        l            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-05 23:56:12
                            
                                82阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            好几个需要注意的地方,都放在这一篇里面吧。1.第一个是在进行添加android环境的时候出现错误,会报一个类似SDK环境变量配置不正确的错误,下次我遇到截图,这次急着处理Bug忘记截图了,这种时候两种可能: 1. android版本的问题,执行cordova platforms add android语句的时候后面加上android的版本号。 2. SDK安装目录下有个文件缺失一部分,这时需要自行            
                
         
            
            
            
            跑npm build结果如下: 把指令改成npm run build即可:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-10-24 10:31:00
                            
                                237阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            最近一段时间在用electron+vue做内部项目的一键构建发布系统的桌面应用,现就其中打包流程写个备注,以示记录。Windows环境打包:1.首先贴一下package.json。{
"name": "******",//隐藏项目名
"version": "**.**.**",//隐藏版本号
"author": "*** <***>",//隐藏作者信息
"description": "            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-13 17:17:54
                            
                                207阅读
                            
                                                                             
                 
                
                                
                    