背景在项目部署时，我们需要在测试环境和生产环境使用不同的变量。vue-cli提供了vue-cli-service build打包命令，然而vue-cli-service build默认的环境变量值则为production。那我们通过npm run build打包构建，想要实现不同环境使用不同变量，暂时不能实现。vue-cli-service介绍vue-cli-service介绍
vue-cli生成
转载
2024-05-18 07:40:25
318阅读
## Vue项目Build出来如何部署
### 介绍
在开发完Vue项目后，我们通常会使用`npm run build`来对项目进行打包，生成生产环境可部署的静态文件。接下来，我们将介绍如何将这些打包好的文件部署到服务器上以供访问。
### 步骤
| 步骤 | 操作 |
| --- | --- |
| 1 | 在本地机器上进行项目打包 |
| 2 | 将打包好的文件上传至服务器 |
| 3
原创
2024-04-30 11:59:32
521阅读
现在vue-cli已经是前端工程师必会的框架了（没有之一），很多前端工程师只会Vue项目的开发，并不会部署，因为大部分公司项目的部署工作是交给自己的上级或者项目管理者的，关于部署的相关知识可能大家都不甚了解，今天就给大家深入讲解一下我对Vue项目部署的心得和体会！1.Vue项目打包vue项目的打包可能大家都不陌生，一句npm run build就完事了，打包完成后项目会生成一个“dist”文件夹，
转载
2024-06-16 18:25:54
113阅读
在这篇博文中，我将详细探讨如何解决“vue远程docker build”这一问题。随着现代前端开发的进步，容器化的使用愈发普遍，尤其是在Vue.js开发环境中。远程构建Docker镜像可以对提高开发效率和团队协作有很大帮助。
### 背景定位
**适用场景分析**
在许多团队中，开发人员需要在不同的环境中构建和运行Vue应用程序。特别是在CI/CD中，通过Docker来打包和部署项目是常见的需
基础html、css、javascript基础笔记 本模块主要为前端最基础的内容，但我们不说那些大家都明白的，我们只写大家容易忽略又在开发过程中比较重要的内容，在本模块中，我们将以javascript为重点，css、html多少会提及。毕竟，想学好前端，js基础是必须的。js我们主要以《javascript高级程序设计》一书为依据，按章节介绍。重点是js的面向对象编程。javascript设
splitChunks: {
// 表示选择哪些 chunks 进行分割，可选值有：async，initial和all
chunks: "async",
// 表示新分离出的chunk必须大于等于minSize，默认为30000，约30kb。
minSize: 30000,
// 表示一个模块至少应被minChunks个chunk所包含才能分割。默认为1。
转载
2024-06-21 23:28:05
19阅读
一、安装node环境这个之前做angular项目安装过，暂时先不整理，整理好vue相关知识再整理。二、搭建vue项目环境1、全局安装vue-clinpm install --global vue-cli
不知道是不是网络问题，我使用上面命令安装失败，所以换成了下面命令，使用yarn安装
yarn global add vue-cli
npm install -g @vue/cli-init2、说明
转载
2024-05-17 16:54:58
1081阅读
# Vue Build for Cordova iOS 配置指南
在现代移动应用开发中，使用 Vue.js 和 Cordova 创建跨平台应用是一种流行的选择。本文将介绍如何将 Vue.js 应用打包为 Cordova iOS 应用，并提供相关配置示例。
## 环境准备
在开始之前，请确保你已安装以下工具：
1. **Node.js**：用于管理依赖和构建应用。
2. **Vue CLI*
原创
2024-10-14 07:09:06
27阅读
# 如何实现 "docker build vue dist" 缓存
## 1. 概述
在使用 Docker 构建 Vue.js 项目时，执行 `docker build` 命令可以将项目打包成 Docker 镜像，方便部署和运行。然而，每次构建镜像时都需要重新安装依赖、编译代码，可能会耗费大量时间和资源。为了提高构建速度，可以通过缓存机制来避免重复操作，本文将详细介绍如何实现 "docker
原创
2023-12-07 19:07:35
147阅读
# 关闭vue项目中的yarn build
在进行vue项目开发时，我们通常会使用yarn作为包管理工具，并且会使用yarn build命令来打包项目文件，以便部署到生产环境中。但有时候我们需要关闭yarn build这个功能，比如在开发阶段不希望每次保存文件时都重新打包，或者是在某些情况下并不需要构建整个项目。
本文将介绍如何在vue项目中关闭yarn build功能，并提供代码示例以帮助读
原创
2024-05-17 06:43:53
79阅读
Poi uses the Vue babel presets by default, so there is no additional install required to get up-and-running. You can even use the .vue file format wit
转载
2018-01-03 03:14:00
198阅读
2评论
events.js:141 throw er; // Unhandled 'error' event 这个是端口占用的问题 检查端口 或者指定非默认端口
转载
2017-06-23 21:16:00
135阅读
2评论
一、Dokcerfile的构建过程步骤1、从基础镜像运行一个容器 步骤2、执行一条指令，对容器做出修改 步骤3、执行类似docker commit的操作，提交一个新的镜像层 步骤4、再基于刚提交的镜像运行一个新容器 步骤5、执行Dockerfile中的下一条指令，直至所有指令执行完毕二、构建镜像的中间层调试可以运行Dockerfile中间层镜像来创建一个容器进行调试，主要用于排查Dockerfil
转载
2023-07-11 20:54:22
108阅读
webpack 与 vue在使用vue开发时，遇到打包后单个文件太大，因而需要分包，不然加载时间太久。虽然尽可能减少请求次数，但是单个包太大也不是好事思路组件按需加载vue-router 的懒加载第三方包分离代码分割时，组件按需加载现在ui库大多都是以组件的形式进行处理，因而不用将整个库都导入，只需导入想要的即可根据对应库的文档进行操作即可，现在每个库都有对应的使用流程，及相关配置，并不是很难只是
转载
2024-10-17 21:42:58
57阅读
Unity有个很好的功能，大致是很多专注于PC的engine没有提供的（因为没有必要），就是能加载主包外的资源，这个主包外的资源，unity把它叫做bundle。这个功能的提供，主要是在web上或者是ios、android等设备上，主包太大的话，会遇上下载主包时间太长，体验不佳；或者是有些市场直接就限制了主包的大小。制作的bundle的方式，这里只讲bundle中连scene都带入的：1、Asse
转载
2024-05-19 16:00:48
214阅读
在完成一个组件之后，我们可以看到，想要测试你的组件，需要将他引入你的项目中，然后将你的组件的内容一项一项进行测试，在属性和内容多了以后，这样做是十分没用效率的，所以我们可以选用 vite 环境自带的 vitest 进行自动化测试引入测试库首先我们将我们需要的库导入到根目录中，前者是自动化测试的框架，后者是 Vue推荐的测试库，用于进行测试覆盖率的测试pnpm add vitest happy-do
转载
2024-02-03 14:54:23
73阅读
# 使用 Yarn 进行项目构建
Yarn 是一个 JavaScript 包管理工具，它可以帮助开发者更快地管理项目的依赖。在本文中，我们将探讨如何使用 Yarn 进行项目构建，同时提供代码示例和序列图，以便于理解整个构建流程。
## 1. 什么是 Yarn？
Yarn 是由 Facebook 开发的一个 JavaScript 依赖管理工具，旨在解决 Node.js 应用程序中的依赖性问题。
目录1.Maven介绍2.Maven安装与配置2.1:下载maven安装包，解压即可使用2.3配置maven环境变量 3.放到项目中演示3.1:maven配置 3.2：解决问题 第一步：右键build path 第二步：选中source把下面选中的勾去调第三步：第一
转载
2024-01-31 00:57:30
56阅读
### 如何解决 Vue2 项目在 iOS 上白屏的问题
当我们开发 Vue2 应用时，可能会遇到在 iOS 设备上加载应用时出现白屏的问题。这通常是由于各种原因造成的，如资源未正确加载、JavaScript 错误等。本文将指导你处理这一问题，从而顺利构建你的 Vue2 应用。
#### 整体流程
以下是解决“Vue2 build iOS 白屏”问题的步骤：
| 步骤 | 描述
Unity有个很好的功能，大致是很多专注于PC的engine没有提供的（因为没有必要），就是能加载主包外的资源，这个主包外的资源，unity把它叫做bundle。这个功能的提供，主要是在web上或者是ios、android等设备上，主包太大的话，会遇上下载主包时间太长，体验不佳；或者是有些市场直接就限制了主包的大小。制作的bundle的方式，这里只讲bundle中连scene都带入的：1、Asse
转载
2024-03-20 20:00:07
99阅读
