当我们使用vue-cli脚手架完成一个项目的时候，下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢，我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来，但是现在我们要把他放到服务器上的话用npm run build命令就可以啦。vue使用npm run build命令打包项目首先 命令行执行npm run build命令，命令需要在项目目录下执行C:\Use
原创
2022-11-19 06:44:37
4351阅读
1、项目时间长了，vue的node_modules依赖竟然到了16个G2、之前npm run build:prod都是可以的3、最新一次竟然失败了，说缺少模块。
原创
2023-12-20 09:27:12
899阅读
前端项目里面包的安装 前端现代项目开发环境 nodeJS 前端现代项目运行环境 浏览器 前端项目包管理（包安装工具）（插件安装工具） npm（nodeJS自带 慢，慢） cnpm（淘宝镜像） yarn （快快）npm install -g yarn 全局安装yarn npm和yarn功能一样 就是快点前端项目包文件 两种全局包（任何都可以使用）项目包 （当前项目才可以使用）初始化项目 yarn i
转载
2024-01-15 21:25:13
147阅读
当发现打包找不到错误的时候。可以鼠标往上滚一滚。就可以发现错误了。汗颜- - ！。犯这种低级错误。 ...
转载
2021-07-15 10:24:00
2266阅读
2评论
# 前端打包过程的详细指南
在现代前端开发中，打包是将源代码转换为可部署应用程序的关键步骤之一。使用 Yarn 和 webpack 进行前端打包是当前开发者的常见做法。接下来，我将详细讲解“如何执行 `yarn run build`”，并提供每一步的具体说明和所需代码。
## 流程概览
以下是前端打包的一般流程：
| 步骤 | 描述
原创
2024-09-19 07:09:13
941阅读
npm run build 命令打包上线时，发现以下几个问题。虽然这些问题对项目正常运行影响不大，但是却对性能影响比较大。 1、加载图片过多，过大时，加载缓慢； 2、部署包过大，上传缓慢；本来想偷个懒，优化的事放到以后再说，但是每次上传服务器，包太大自己都感觉不爽。所以索性先优化了再说！1、加载图片过多，过大时，加载缓慢； 原因： 解决方案：2、部署包过大，上传缓慢原因一：vue-cli
转载
2024-01-02 12:09:14
817阅读
默认的情况下，rpm run dev 用来启动Vue项目(不完全，默认使用webpackinit simple产生的可能是server)如果我们在项
原创
2023-11-27 11:38:28
87阅读
好几个需要注意的地方，都放在这一篇里面吧。1.第一个是在进行添加android环境的时候出现错误，会报一个类似SDK环境变量配置不正确的错误，下次我遇到截图，这次急着处理Bug忘记截图了，这种时候两种可能： 1. android版本的问题，执行cordova platforms add android语句的时候后面加上android的版本号。 2. SDK安装目录下有个文件缺失一部分，这时需要自行
写在开头 文章略长，讲述自己在解决这个问题的心酸历程以及碰到的问题，在此做个记录，也希望能给大家提供点帮助，望大家多多见谅。 漫长而抓狂的解决历程当你使用 npm run build 命令打包项目报错，提示：然后你可能觉得莫名奇妙，然后百度一搜，发现百度上面都说你该更新 npm 版本了，于是乎你就更新了（不管你使用哪个更新命令）：npm i -g npm
// 或者更新到最新版本
npm i
我的vue项目npm run dev正常显示，npm run build打包之后没有内容。原来是我在配
转载
2022-07-06 19:20:49
660阅读
背景：通过 npm run build 对vue项目进行打包，并且部署以后，发现页面一片空白，没有任何内容，而且 控
原创
2022-05-30 11:25:27
1442阅读
npm run build 命令打包上线时，发现以下几个问题。虽然这些问题对项目正常运行影响不大，但是却对性能影响比较大。 1、加载图片过多，过大时，加载缓慢； 2、部署包过大，上传缓慢；本来想偷个懒，优化的事放到以后再说，但是每次上传服务器，包太大自己都感觉不爽。所以索性先优化了再说！1、加载图片过多，过大时，加载缓慢； 原因： 解决方案：2、部署包过大，上传缓慢原因一：vue-cli
转载
2023-12-21 20:51:55
221阅读
npm run build 打包后（直接打包白屏），如何运行在本地查看效果（Apache服务）
目前，使用vue-cli脚手架写了一个前端项目，之前一直是使用npm run dev 在8080端口上进行本地调试。项目已经进行一半了，今天有时间突然想使用npm run build进行上线打包，试试能否成功看到我的项目效果。一开始是毫无头绪，什么都不懂，直接
（www.rrdyw.cc）最近写项目遇到一个需求：同一个 Vue 项目打包给 Demo 环境、A 线上环境、B 线上环境时，需要它们各自的一套标题、Logo、请求接口等等定制化内容。
考虑在 Webpack 的打包阶段（npm run build）解决这个问题。
这篇文章主要介绍在 Vue 项目中，编译阶段（npm run build）通过传递参数，
转载
2023-12-29 23:01:49
189阅读
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
1059阅读
1评论
解决方案：npm install --save-dev mini-css-extract-plugin 即可
原创
2022-02-08 16:25:06
1316阅读
解决方案：npm install --save-dev mini-css-extract-plugin 即可
原创
2021-09-23 17:20:26
10000+阅读
点赞
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
998阅读
webpack 与 vue在使用vue开发时，遇到打包后单个文件太大，因而需要分包，不然加载时间太久。虽然尽可能减少请求次数，但是单个包太大也不是好事思路组件按需加载vue-router 的懒加载第三方包分离代码分割时，组件按需加载现在ui库大多都是以组件的形式进行处理，因而不用将整个库都导入，只需导入想要的即可根据对应库的文档进行操作即可，现在每个库都有对应的使用流程，及相关配置，并不是很难只是
转载
2024-10-17 21:42:58
57阅读
问题说明： 首先，npm run build失败的原因大部分都是因为webpack的子库和webpack的版本号不对应的问题
转载
2019-12-20 09:37:00
790阅读
2评论
