gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。webpack在打包时可以借助compression webpack plugin实现gzip压缩，首先需要安装该插件：npm i -D compression-webpack-plugin在vue cli3.0 生成的项...
转载
2021-07-26 16:56:14
160阅读
gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。webpack在打包时可以借助compression webpack plugin实现gzip压缩，首先需要安装该插件：npm i -D compression-webpack-plugin在vue cli3.0 生成的项...
转载
2022-02-12 14:46:51
252阅读
在Kubernetes（K8S）中部署前端应用，特别是基于Vue.js框架构建的前端应用是一项常见的任务。这篇文章将教你如何实现“vue dist部署”到Kubernetes集群中。
**整体流程**
| 步骤 | 操作 |
| --- | --- |
| 1 | 构建Vue.js应用并生成dist文件 |
| 2 | 创建Docker镜像 |
| 3 | 部署Docker镜像到Kuberne
原创
2024-04-29 12:36:39
101阅读
# Vue Dist 部署指南
## 简介
在实际开发中，我们经常需要将Vue项目打包成静态文件，并部署到服务器上。本文将介绍如何通过命令行将Vue项目打包成dist文件，并将dist文件部署到服务器上。
## 步骤概览
以下是将Vue项目打包成dist文件并部署到服务器上的主要步骤：
| 步骤 | 描述 |
|------|------|
| 1. | 打包Vue项目 |
原创
2024-04-29 12:36:50
921阅读
# 使用 Docker 部署 Vue.js 应用的简易指南
随着前端框架的迅猛发展，Vue.js 以其简洁与高效成为了许多开发者的首选工具。在开发完成后，如何高效地将 Vue.js 应用部署到服务器上成为了一个重要的话题。Docker 是一种流行的容器化技术，可以帮助我们轻松打包和部署应用。本文将介绍如何使用 Docker 部署一个 Vue.js 应用的静态文件。我们将通过一个示例项目以及相应的
原创
2024-08-11 06:50:19
60阅读
package.json文件配置 原文链接 配置vue-cli3 Read More
转载
2019-05-09 22:11:00
240阅读
vue-cli项目，dist文件根据项目名，自动重命名 // vue.config.js // 打包后的dist文件 改名， 根据项目根节点的名字 而命名 var dirNameArray if(__dirname.indexOf('\\')!=-1){ // win dirNameArray = ...
转载
2021-10-12 15:35:00
857阅读
2评论
# Vue项目通过Yarn打包dist目录
在Vue项目中，我们通常需要将代码打包成静态文件以便于部署到生产环境。Vue提供了一种简单的方式来打包项目，即使用Yarn工具。本文将介绍如何通过Yarn来打包Vue项目并将生成的文件输出到dist目录。
## 什么是Yarn？
Yarn是一个由Facebook、Google、Exponent和Tilde共同开发的JavaScript软件包管理工具
原创
2024-04-19 06:21:45
276阅读
https://cli.vuejs.org/zh/guide/mode-and-env.html
转载
2020-06-16 15:14:00
217阅读
2评论
VUE CLI 1.什么是Vue CLI (Command Line Interface)? Vue CLI是vue官方提供的脚手架工具， 默认已经帮我们搭建好了一套利用webpack管理vue的项目结构 2.如何安装Vue-cli和使用Vue-CLI? 安装脚手架工具: npm install - ...
转载
2021-09-25 21:39:00
212阅读
2评论
Vue CLI1、简介2、安装3、创建项目3.1 vue create1、简介 在开发大型单页应用时，需要烤炉项目的组织结构、
原创
2023-02-13 11:42:42
222阅读
Vue CLI 在开发大型单页面应用时，需要考虑项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务逻辑无关的事情，对于项目中用到的构建工具、代码检查功能等还需要一遍一遍地重复配置。为此我们选择能够创建脚手架的工具，来帮助搭建一个项目的框架，并进行一些项目所依赖的初始配置。 简介 ...
转载
2021-08-28 22:00:00
329阅读
2评论
周末在家新建了一个 Vue 测试项目，但不管怎么建，总会提示一些 有的没的，杂七杂八的信息，如：找不到 funding、存在多少漏洞(vulnerabilities) 什么的。如下所示：寻思着，出现这些问题的原因，应该是一些 不太重要的依赖包 更新了版本 或 迁移了地址，导致之前的 Vue-CLI 找不到 对应的版本 或 依赖包地址了。虽然暂时没发现这些错误对项目的运行和打包有啥影响，但是一句
转载
2021-05-10 18:17:13
905阅读
2评论
样例新建项目后，package.json 下的 script "scripts": { &q
原创
2023-02-22 11:04:47
234阅读
pack命令会尝试以压缩格式存储指定文件。如果可能（并且有用），每个输入文件 file 都会替换为打包文件 file.z，而且后者与 file 拥有相同的访问模式、访问和修改日期以及所有者。如果 pack 成功，则会删除 file。压缩程度取决于输入文件的大小和字频分布。因为每个 .z 文件的第一部分由解码树构成，所以通常不值得打包小于三个块的文件，除非字频分布非常倾斜，而这种情况会出现在打印绘图
9.vue-cli9.1.介绍和安装在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。幸好，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli使用它能快速的构建一个web工程模板。官网：https://github.com/vuejs/vue-cli安装命令：npm install -g vue-cl...
原创
2022-03-04 15:27:53
188阅读
9.vue-cli9.1.介绍和安装在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。幸好，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli使用它能快速的构建一个web工程模板。官网：https://github.com/vuejs/vue-cli安装命令：npm install -g vue-cl...
原创
2021-08-18 10:49:50
619阅读
前言相比于vue-cli2，vue-cli3隐藏了很多默认的webpack配置，没有vue-cli2那么一目了然。但是都提供了各部分的修改路口，可以仔细研读下官方文档。vue-cli3官方文档真的，如果真的不是业务需要，真的不会去仔细研读官方文档，因为读了也会马上忘掉。但是真的需要的时候，又会第一时刻想起官方文档，看了后才恍然大悟，原来官方文档里都写得一清二楚。内牛满面~~正文包含了...
转载
2021-07-26 16:56:17
704阅读
前言相比于vue-cli2，vue-cli3隐藏了很多默认的webpack配置，没有vue-cli2那么一目了然。但是都提供了各部分的修改路口，可以仔细研读下官方文档。vue-cli3官方文档真的，如果真的不是业务需要，真的不会去仔细研读官方文档，因为读了也会马上忘掉。但是真的需要的时候，又会第一时刻想起官方文档，看了后才恍然大悟，原来官方文档里都写得一清二楚。内牛满面~~正文包含了...
转载
2022-02-12 14:42:53
549阅读
在移动端开发中，我最近面临一个挑战，即如何将 Vue.js 打包后的 dist 包成功部署到 iOS 平台。随着移动互联网的发展，越来越多的企业希望利用轻量级的前端框架为用户提供更好的体验，但在将这些应用发布到 iOS 时却常常面临诸多技术挑战。接下来，我将为您详细记录解决这个问题的过程，包括背景定位、演进历程、架构设计、性能攻坚、故障复盘和复盘总结。
### 背景定位
在我们的项目初期，我们
