【VUE】vue配置Gzip压缩转载LuviaWu 发布于2019-07-17 09:28:57 阅读数 295 收藏vue cli 2.9.6安装compression-webpack-pluginnpm i...
转载
2020-01-06 16:43:00
458阅读
2评论
背景在项目部署时，我们需要在测试环境和生产环境使用不同的变量。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远程docker build”这一问题。随着现代前端开发的进步，容器化的使用愈发普遍，尤其是在Vue.js开发环境中。远程构建Docker镜像可以对提高开发效率和团队协作有很大帮助。
### 背景定位
**适用场景分析**
在许多团队中，开发人员需要在不同的环境中构建和运行Vue应用程序。特别是在CI/CD中，通过Docker来打包和部署项目是常见的需
基础html、css、javascript基础笔记 本模块主要为前端最基础的内容，但我们不说那些大家都明白的，我们只写大家容易忽略又在开发过程中比较重要的内容，在本模块中，我们将以javascript为重点，css、html多少会提及。毕竟，想学好前端，js基础是必须的。js我们主要以《javascript高级程序设计》一书为依据，按章节介绍。重点是js的面向对象编程。javascript设
在打包时可以借助 compression webpack plugin 实现gzip压缩，首先需要安装该插件：npm i-D compression-webpack-plugin //vue.config.js const CompressionPlugin = require("compressi ...
转载
2021-07-27 15:35:00
525阅读
2评论
转载
2020-07-01 10:32:00
105阅读
2评论
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阅读
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阅读
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阅读
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阅读
前言 Vue项目开发完毕后，对项目进行打包发布之前，必不可少的操作就是项目优化，这也是程序猿的加分项。跟随本文的脚步来看看如何对项目进行优化吧~一、路由懒加载为什么需要路由懒加载 当刚运行项目的时候，发现刚进入页面，就将所有的js文件和css文件加载了进来，这一进程十分的消耗时间。 如果打开哪个页面就对应的加载响应页面的js文件和css文件，那么页面加载速度会大大提升。如何实现路由懒加载 vue官
转载
2024-09-24 16:18:26
107阅读
在完成一个组件之后，我们可以看到，想要测试你的组件，需要将他引入你的项目中，然后将你的组件的内容一项一项进行测试，在属性和内容多了以后，这样做是十分没用效率的，所以我们可以选用 vite 环境自带的 vitest 进行自动化测试引入测试库首先我们将我们需要的库导入到根目录中，前者是自动化测试的框架，后者是 Vue推荐的测试库，用于进行测试覆盖率的测试pnpm add vitest happy-do
转载
2024-02-03 14:54:23
75阅读
添加 js 压缩组件 npm install compression-webpack-plugin@1.1.12 --save-dev 配置 vue.config.js // vue.config.js配置 const path = require('path') // gzip压缩插件 const ...
转载
2021-10-11 13:22:00
834阅读
2评论
