（www.rrdyw.cc）最近写项目遇到一个需求：同一个 Vue 项目打包给 Demo 环境、A 线上环境、B 线上环境时，需要它们各自的一套标题、Logo、请求接口等等定制化内容。
考虑在 Webpack 的打包阶段（npm run build）解决这个问题。
这篇文章主要介绍在 Vue 项目中，编译阶段（npm run build）通过传递参数，
1：打开.env.development将接口地址设置成线上访问注释本地VUE_APP_BASE_API = '/'ENV = 'development'# 接口地址VUE_APP_BASE_API = '/'#VUE_APP_WS_API = 'http://192.168.4.103:8091/'# 是否启用 babel-plugin-dynamic-import-no...
原创
2022-02-13 10:16:06
988阅读
1评论
当发现打包找不到错误的时候。可以鼠标往上滚一滚。就可以发现错误了。汗颜- - ！。犯这种低级错误。 ...
转载
2021-07-15 10:24:00
2207阅读
2评论
1：打开.env.development将接口地址设置成线上访问注释本地VUE_APP_BASE_API = '/'ENV = 'development'# 接口地址VUE_APP_BASE_API = '/'#VUE_APP_WS_API = 'http://192.168.4.103:8091/'# 是否启用 babel-plugin-dynamic-import-no...
原创
2021-07-28 11:12:48
941阅读
开发一个 npm 组件， 你是否了解需要对外导出什么格式的代码？如何让 npm 组件体积尽可能小？整篇文章按照如下目录进行讲解：为何需要打包组件打包输出格式如何打包 esm 模式代码(感兴趣选读)减少组件打包体积的最佳实践为何需要打包首先，这里的打包概念解释一下， 只要有输出到新目录，就称为打包(免得大家对打包理解概念不一致)。一份代码，多种消费方式使用新特性语法，由于一般项目中，会默认不对 no
npm run build 命令打包上线时，发现以下几个问题。虽然这些问题对项目正常运行影响不大，但是却对性能影响比较大。 1、加载图片过多，过大时，加载缓慢； 2、部署包过大，上传缓慢；本来想偷个懒，优化的事放到以后再说，但是每次上传服务器，包太大自己都感觉不爽。所以索性先优化了再说！1、加载图片过多，过大时，加载缓慢； 原因： 解决方案：2、部署包过大，上传缓慢原因一：vue-cli
最近一段时间在用electron+vue做内部项目的一键构建发布系统的桌面应用，现就其中打包流程写个备注，以示记录。Windows环境打包：1.首先贴一下package.json。{
"name": "******",//隐藏项目名
"version": "**.**.**",//隐藏版本号
"author": "*** <***>",//隐藏作者信息
"description": "
# 实现“npm run dev”和“npm run build”的过程
作为一名经验丰富的开发者，我们经常会使用到“npm run dev”和“npm run build”这两个命令来启动开发环境和构建生产环境的代码。这两个命令在Kubernetes（K8S）的开发中非常常见。现在让我来教你如何实现这两个命令的功能吧。
## 整体流程
首先让我们来看一下整个流程，我们可以通过以下步骤来实现
npm run build 命令打包上线时，发现以下几个问题。虽然这些问题对项目正常运行影响不大，但是却对性能影响比较大。 1、加载图片过多，过大时，加载缓慢； 2、部署包过大，上传缓慢；本来想偷个懒，优化的事放到以后再说，但是每次上传服务器，包太大自己都感觉不爽。所以索性先优化了再说！1、加载图片过多，过大时，加载缓慢； 原因： 解决方案：2、部署包过大，上传缓慢原因一：vue-cli
docker有一些常用的命令，可以通过帮助命令查看全部命令docker help当然，我们也有一些常用的命令，下面对run命令进行简单描述，参数说明，并不是全部内容，也只是列举了部分常用的run 命令：创建一个新的容器并运行一个命令参数说明：-d: 后台运行容器，并返回容器ID；-i: 以交互模式运行容器，通常与 -t 同时使用；-p: 端口映射，格式为：主机(宿主)
转载
2023-07-05 14:57:35
213阅读
1.依赖范围依赖范围是用来控制依赖与classpath（编译classpath、测试classpath、运行classpath）的关系eg : <scope>provided</scope>Maven有以下几种依赖范围：compile：编译依赖范围，默认使用该依赖范围。对编译、测试、运行三种classpath都有效。test：测试依赖范围，只对测试classpath有效。r
结果报错npm ERR! missing script: build，后来发现package.json中scripts参数为"scripts": {"dev
原创
2022-06-06 18:21:52
2348阅读
当我们使用vue-cli脚手架完成一个项目的时候，下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢，我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来，但是现在我们要把他放到服务器上的话用npm run build命令就可以啦。vue使用npm run build命令打包项目首先 命令行执行npm run build命令，命令需要在项目目录下执行C:\Use
原创
2022-11-19 06:44:37
4015阅读
使用node打包命令npm run build:prod 时报这个错误。This is probably not a problem with npm. There is likely additional logging output above.（1）删除目录下的node_modules目录（2）删除目录下的 package-lock.json文件（3）清理npm缓存
原创
2022-07-18 19:02:45
3443阅读
1.npm和yarn镜像源地址npmMirror ~~~~~ https://skimdb.npmjs.com/registry/
edunpm ~~~~~~ http://registry.enpmjs.org/
taobao ~~~~~~ https://registry.npm.taobao.org/
cnpm ~~~~~~ http://r.cnpmjs.org/
npm
我的vue项目npm run dev正常显示，npm run build打包之后没有内容。原来是我在配
转载
2022-07-06 19:20:49
594阅读
在vue的项目开发完成之后，需要使用npm run build在本地的dist静态目录打开index.html进行访问的时候会发现这样的一个问题Request method 'GET' not supported打开F12查看报错可以发现在登录的这个请求上原本的post请求，被重定向成get 请求了，所以才会报错那么为什么在本地测试环境里面一些...
原创
2022-02-20 17:13:50
172阅读
在vue的项目开发完成之后，需要使用npm run build在本地的dist静态目录打开index.html进行访问的时候会发现这样的一个问题Request method 'GET' not supported打开F12查看报错可以发现在登录的这个请求上原本的post请求，被重定向成get 请求了，所以才会报错那么为什么在本地测试环境里面一些...
原创
2021-07-28 14:24:53
287阅读
前言因为我node版本太低级了，别的项目需要node版本在15.x以上，然后我就升级了，但是会发现之前
原创
2022-07-25 16:29:40
737阅读
# 如何在Dockerfile中执行npm run build
## 介绍
在开发过程中，我们经常使用Docker来构建和部署应用程序。Dockerfile是一个非常重要的文件，它定义了构建Docker映像所需的步骤和指令。在一些情况下，我们需要在Dockerfile中执行一些命令来构建我们的应用程序，比如运行npm run build来构建前端应用程序。
在本文中，我将向你介绍如何在Doc
