背景在项目部署时，我们需要在测试环境和生产环境使用不同的变量。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-cli已经是前端工程师必会的框架了（没有之一），很多前端工程师只会Vue项目的开发，并不会部署，因为大部分公司项目的部署工作是交给自己的上级或者项目管理者的，关于部署的相关知识可能大家都不甚了解，今天就给大家深入讲解一下我对Vue项目部署的心得和体会！1.Vue项目打包vue项目的打包可能大家都不陌生，一句npm run build就完事了，打包完成后项目会生成一个“dist”文件夹，
转载
2024-06-16 18:25:54
113阅读
创建vue3项目使用yarn创建vue3项目，安装Element Plus，scss，axios，router，pinia1.使用yarn命令创建项目yarn create vite(1) 输入项目名称（这里是vue3-ts，根据自己需求填写）(2) 选择vue(3) 选择typescript(4) 创建完成，接着依次输入一下命令cd vue3-ts
yarn
yarn dev// 进入到下一级目
转载
2024-06-12 18:59:48
72阅读
基础html、css、javascript基础笔记 本模块主要为前端最基础的内容，但我们不说那些大家都明白的，我们只写大家容易忽略又在开发过程中比较重要的内容，在本模块中，我们将以javascript为重点，css、html多少会提及。毕竟，想学好前端，js基础是必须的。js我们主要以《javascript高级程序设计》一书为依据，按章节介绍。重点是js的面向对象编程。javascript设
在这篇博文中，我将详细探讨如何解决“vue远程docker build”这一问题。随着现代前端开发的进步，容器化的使用愈发普遍，尤其是在Vue.js开发环境中。远程构建Docker镜像可以对提高开发效率和团队协作有很大帮助。
### 背景定位
**适用场景分析**
在许多团队中，开发人员需要在不同的环境中构建和运行Vue应用程序。特别是在CI/CD中，通过Docker来打包和部署项目是常见的需
splitChunks: {
// 表示选择哪些 chunks 进行分割，可选值有：async，initial和all
chunks: "async",
// 表示新分离出的chunk必须大于等于minSize，默认为30000，约30kb。
minSize: 30000,
// 表示一个模块至少应被minChunks个chunk所包含才能分割。默认为1。
转载
2024-06-21 23:28:05
19阅读
背景 近期收到相关的反馈表示App偶现渲染异常、闪退等问题，严重影响用户体验。为此，我们对App端webview页面进行了梳理、重构和部分逻辑的优化，在排除了webview模块本身的影响后，经排查，发现多个H5项目存在内存泄漏的问题。由架构直接维护的mobile-system模块已定位并修复了引起内存泄漏的主要问题，鉴于上述问题的可能在多个业务
转载
2023-11-02 09:43:54
452阅读
一、安装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阅读
# 如何实现 "docker build vue dist" 缓存
## 1. 概述
在使用 Docker 构建 Vue.js 项目时，执行 `docker build` 命令可以将项目打包成 Docker 镜像，方便部署和运行。然而，每次构建镜像时都需要重新安装依赖、编译代码，可能会耗费大量时间和资源。为了提高构建速度，可以通过缓存机制来避免重复操作，本文将详细介绍如何实现 "docker
原创
2023-12-07 19:07:35
147阅读
# 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阅读
# 关闭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
200阅读
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
60阅读
在完成一个组件之后，我们可以看到，想要测试你的组件，需要将他引入你的项目中，然后将你的组件的内容一项一项进行测试，在属性和内容多了以后，这样做是十分没用效率的，所以我们可以选用 vite 环境自带的 vitest 进行自动化测试引入测试库首先我们将我们需要的库导入到根目录中，前者是自动化测试的框架，后者是 Vue推荐的测试库，用于进行测试覆盖率的测试pnpm add vitest happy-do
转载
2024-02-03 14:54:23
75阅读
# 使用 Docker 构建项目的完整指南
在现代软件开发中，Docker 是一种流行的容器技术，它允许开发者将应用程序及其所有依赖项打包在一个标准化的单元中，从而提高了应用的一致性和可移植性。本文将详细介绍如何使用 Docker 构建一个简单的 Node.js 应用，并提供具体的代码示例，最终展示在不同环境中部署应用的策略。
## 1. 准备工作
在开始之前，确保你已经安装了 Docker
# Java如何构建（Build）应用程序
在现代软件开发中，构建（Build）是一个不可或缺的环节。对于Java开发者而言，构建过程不仅仅是将代码编译成可执行的文件，而是一个包括编译、打包、测试和部署等多个步骤的复杂过程。
本文将以一个简单的Java项目为例，帮助大家理解如何构建一个Java应用程序。我们将探讨如何使用Maven作为构建工具，并解决在构建过程中的一些常见问题。
## 实际问
# Yarn 构建项目方案
## 1. 引言
在现代的JavaScript开发中，Yarn作为一种流行的包管理工具，提供了快速、可靠和安全的依赖管理方案。本方案旨在指导如何使用Yarn来构建一个示例项目，包括项目的设置、依赖管理及构建过程中的一些最佳实践。
## 2. 项目准备
在开始之前，确保你已经在本地环境中安装了Node.js和Yarn。可以通过以下命令检查它们是否已安装：
```
## Vue项目Build出来如何部署
### 介绍
在开发完Vue项目后，我们通常会使用`npm run build`来对项目进行打包，生成生产环境可部署的静态文件。接下来，我们将介绍如何将这些打包好的文件部署到服务器上以供访问。
### 步骤
| 步骤 | 操作 |
| --- | --- |
| 1 | 在本地机器上进行项目打包 |
| 2 | 将打包好的文件上传至服务器 |
| 3
原创
2024-04-30 11:59:32
521阅读
