最近一段时间在用electron+vue做内部项目的一键构建发布系统的桌面应用,现就其中打包流程写个备注,以示记录。Windows环境打包:1.首先贴一下package.json。{
"name": "******",//隐藏项目名
"version": "**.**.**",//隐藏版本号
"author": "*** <***>",//隐藏作者信息
"description": "            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-13 17:17:54
                            
                                207阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # 实现“npm run dev”和“npm run build”的过程
作为一名经验丰富的开发者,我们经常会使用到“npm run dev”和“npm run build”这两个命令来启动开发环境和构建生产环境的代码。这两个命令在Kubernetes(K8S)的开发中非常常见。现在让我来教你如何实现这两个命令的功能吧。
## 整体流程
首先让我们来看一下整个流程,我们可以通过以下步骤来实现            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-30 10:12:36
                            
                                1199阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            (www.rrdyw.cc)最近写项目遇到一个需求:同一个 Vue 项目打包给 Demo 环境、A 线上环境、B 线上环境时,需要它们各自的一套标题、Logo、请求接口等等定制化内容。
考虑在 Webpack 的打包阶段(npm run build)解决这个问题。
    这篇文章主要介绍在 Vue 项目中,编译阶段(npm run build)通过传递参数,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-29 23:01:49
                            
                                194阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            当发现打包找不到错误的时候。可以鼠标往上滚一滚。就可以发现错误了。汗颜- - !。犯这种低级错误。 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-15 10:24:00
                            
                                2266阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            注释掉试试,我的注释掉就可以了,看这段貌似是检查版本啥的
                    
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-31 23:14:14
                            
                                2318阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # 使用Docker 构建npm 项目
在Web开发中,前端工程师通常使用npm来管理项目依赖和构建工具。而Docker作为一种轻量级容器技术,也为开发人员提供了一种简单而一致的方法来打包、交付和运行应用程序。在这篇文章中,我们将介绍如何使用Docker来构建npm项目。
## 什么是Docker?
Docker是一种开源平台,用于开发,交付和运行应用程序。它允许您将应用程序及其所有依赖项打            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-12 05:39:31
                            
                                200阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 如何解决“docker npm run build 卡住”问题
## 问题描述
在使用docker时,有时候会出现npm run build命令卡住不动的情况。这种情况通常是由于docker中的环境配置不正确或者资源不足导致的。
## 解决流程
为了帮助你解决这个问题,我将为你详细展示整个解决流程,并为每个步骤提供具体的操作和代码示例。
### 步骤
下面是解决“docker npm r            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-25 06:13:07
                            
                                628阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、ERR引发的思考 创建好的 vue 项目直接执行 vue run dev 报错?运行 vue run serve 就可以启动... 2、dev build serve? 其实 npm run dev 或者是 npm run serve 等 npm run xxx 并不是一定要这么写。npm ru            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-04 23:32:47
                            
                                1530阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Dockerfile 中的 npm run build 卡住问题解析
## 引言
在使用 Docker 进行容器化开发过程中,我们经常会遇到一些奇怪的问题。其中一个常见的问题是,在构建 Dockerfile 的过程中,当执行 `npm run build` 命令时,容器会卡住,无法继续执行后续的步骤。本文将分析这个问题,并提供解决方案。
## 问题分析
在开始解决问题之前,让我们先了解            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-05 06:38:03
                            
                                874阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 一文了解 Docker 构建和运行 npm 项目
在现代的软件开发过程中,Docker 已经成为了一个不可或缺的工具。Docker 可以帮助开发人员轻松地构建、打包和部署应用程序。本文将介绍如何使用 Docker 构建和运行一个基于 npm 的项目。
## Docker 构建 npm 项目
首先,我们需要一个基本的 npm 项目。假设我们有一个简单的 Node.js 项目,其中有一个 `            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-09 05:57:12
                            
                                94阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这时候可以通过 devServer 下面的 devMiddleware 的配置进行配置, 增加了一个 writeToDisk 的选项, 这样的话 devServer 这边会将编            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-23 00:13:56
                            
                                149阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            我们在开发vue.js的mvvp项目时候,会执行npm install ,npm build,npm dev等等。其实这些都和packageg.zhao &...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-01 17:41:05
                            
                                4961阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 优化 Docker 镜像构建速度:解决 npm install 和 npm run build 的瓶颈
随着前端开发的复杂性增加,构建应用所需的时间越来越长,尤其是在使用 Docker 容器时,`npm install` 和 `npm run build` 的速度可能会显得格外缓慢。本文将探讨一些优化构建速度的方法,并提供示例代码,帮助开发者高效地构建 Docker 镜像。
## Dock            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-26 08:16:30
                            
                                877阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            然后 打包出来的情况, 可能如下, 可以看到 chunk-vendors 是进行了包的拆分, 我们这里就是 来看一下 这里 npm run build 的时候的, 一            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-23 00:14:48
                            
                                351阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            npm run dev 和 npm run build 作用和运行过程 一、总结 一句话总结: npm run dev:运行项目 npm run build:发布前的打包项目 二、npm run dev 和 npm run build 作用和运行过程 博客对应课程的视频位置: 1、npm run d            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-28 21:56:00
                            
                                2710阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            ## Docker 中 npm run build 卡死的原因与解决方案
在现代前端开发中,Docker 已成为一种常见的容器化部署方式,它可以帮助开发者在不同环境中保持一致的运行环境。然而,当我们在 Docker 中运行 `npm run build` 命令时,常常会遇到程序卡死的现象。本篇文章将探讨这一问题的原因,并提供一些解决方案。
### 1. 问题分析
首先,让我们理解 `npm            
                
         
            
            
            
            写在开头  文章略长,讲述自己在解决这个问题的心酸历程以及碰到的问题,在此做个记录,也希望能给大家提供点帮助,望大家多多见谅。   漫长而抓狂的解决历程当你使用 npm run build 命令打包项目报错,提示:然后你可能觉得莫名奇妙,然后百度一搜,发现百度上面都说你该更新 npm 版本了,于是乎你就更新了(不管你使用哪个更新命令):npm i -g npm
// 或者更新到最新版本
npm i            
                
         
            
            
            
            npm run build发生了什么?最近总是感觉对vue的一些用法和语句还是不理解,于是决定撸一下源码,用于加深自己对vue的理解,同时vue主要是通过rollup进行打包编译,因为它相比webpack更加轻量,行了,废话不多说了,开始了!  如上图所示,当我们执行npm runbuild命令的时候,首先package.json会将其解析为node build/build.js,执行这个目录,我            
                
         
            
            
            
            跑npm build结果如下: 把指令改成npm run build即可:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-10-24 10:31:00
                            
                                237阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            这里大概看一下 app.js 的业务代码部分, 这里的实现和 npm run serve 拿到的 app.js 的实现具体逻辑是一样的, 只是 npm run servce 需要实现一            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2024-05-23 00:15:12
                            
                                1013阅读
                            
                                                                             
                 
                
                                
                    