当前位置：首页 > news >正文

vue 打包设置

news 来源：原创 2025/6/8 6:38:52

1、vue webpack配置

filename: '[path][base].gz',// 设置成这样就行了

const { defineConfig } = require('@vue/cli-service')const debug = process.env.NODE_ENV !== 'production'const CompressionWebpackPlugin = require('compression-webpack-plugin')const TerserPlugin = require("terser-webpack-plugin");
const productionGzipExtensions = ['js', 'css'];module.exports = defineConfig({transpileDependencies: true,})
module.exports = {publicPath: "./",outputDir: `dist/prod`,lintOnSave: false,//是否开启eslint保存检测 ,它的有效值为 true || false || 'error'\devServer: {open: true, //配置自动启动浏览器// host: "192.168.10.18",https: false,// hotOnly: false, //热更新port: 7878,proxy: {},client: {overlay: false,},},// configureWebpack: {//   resolve: {//     alias: {//       '@': path.resolve(__dirname, 'src')//     }//   }// },// chainWebpack: (config) => {//   config.resolve.alias//     .set('@', resolve('src'))//     .set('assets', resolve('src/assets'));// },// css: {//   loaderOptions: {//     postcss: {//       plugins: [//         require("postcss-px2rem-exclude")({//           remUnit: 192, //1920//           // exclude: /node_modules|folder_name/i//         }),//       ],//     },//   },// },productionSourceMap: false,configureWebpack: config => {if (debug) { // 开发环境配置config.devtool = 'source-map'}else{// 开启分离jsconfig.optimization = {runtimeChunk: 'single',splitChunks: {chunks: 'all',  maxInitialRequests: Infinity,minSize: 20000,cacheGroups: {vendor: {test: /[\\/]node_modules[\\/]/, // 提取 node_modules 中的库name: 'vendors',                // 提取到 vendors.jschunks: 'all',// priority: -10,// name (module) {//   const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1]//   return `npm.${packageName.replace('@', '')}`// }},},},minimize: true,minimizer: [new TerserPlugin({extractComments: false,//不将注释提取到单独的文件中terserOptions: {compress: {// 移除 warning,console,debugger等warnings:false, drop_console: true,drop_debugger: true,pure_funcs: ['console.log'] // 移除console},output: {// 去掉注释内容comments: false,}}})]};config.plugins.push(new CompressionWebpackPlugin({// filename: '[path].gz[query]',filename: '[path][base].gz',algorithm: 'gzip',test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),threshold: 10240,minRatio: 0.8,}))}},configureWebpack:{module: {rules: [{test: /\.(jpg|png|gif)$/,use: [{loader: 'image-webpack-loader',options: {mozjpeg: {progressive: true,quality: 65},optipng: {enabled: false},pngquant: {quality: [0.65, 0.90],speed: 4},gifsicle: {interlaced: false},webp: {quality: 75}}}]},],},}}

2、nginx 配置访问gz

http {gzip_static on;          # 启用预压缩文件查找brotli_static on;        # 启用 Brotli 预压缩文件（需安装 ngx_brotli 模块）# 若未找到预压缩文件，动态压缩gzip on;gzip_types text/plain text/css application/json application/javascript text/xml;
}

vue 打包设置

1、vue webpack配置 filename: [path][base].gz,// 设置成这样就行了 const { defineConfig } require(vue/cli-service)const debug process.env.NODE_ENV ! productionconst CompressionWebpackPlugin require(compression-webpack-plugin)const TerserPlugin require(…...

编程日记 2025/4/28 12:39:53

Excel如何安装使用EPM插件并且汉化？

Excel如何使用EPM插件 Excel如何使用EPM插件一、安装EPM插件二、启动EPM插件三、插件汉化设置 Excel如何使用EPM插件一、安装EPM插件在安装EPM插件时，若运行安装包后出现报错提示，通常是因为系统缺少 Visual Studio 2010 组件，需先安装该…...

编程日记 2025/5/30 22:03:54

在Linux中使用fcntl函数和ioctl函数

特性fcntlioctl作用对象文件描述符（通用文件操作）设备文件（硬件或驱动控制）标准化程度POSIX 标准，行为一致设备相关，无统一标准典型场景文件锁、非阻塞模式、描述符复制终端控制、网络配置、硬件操作移植性…...

编程日记 2025/5/4 3:12:32

ESP32-S3 入门学习笔记（四）：LED实验

ESP32-S3 入门学习笔记（四）：LED实验开发板：正点原子ESP32S3 B站学习链接：link 1. GPIO&LED 简介 1.1 GPIO 简介 GPIO 是负责控制或采集外部器件信息的外设，主要负责输入输出功能。以下是ATK-MWS3S…...

编程日记 2025/5/29 8:46:26

clickhouse#复制修改数据

需求在ClickHouse表中存在一些数据，你需要复制其中几行数据，这个复制不是完全复制，额外需要修改其中某几列数据项。语句 INSERT INTO xxx_table SELECT * REPLACE ({except_value_1} AS {column_name_1},...{except_value_n} AS {colum…...

编程日记 2025/5/7 23:32:10

Java安全之cc链学习集合

CC1 InvokerTransformer https://blog.csdn.net/weixin_53912233/article/details/137786954 LazyMap https://blog.csdn.net/weixin_53912233/article/details/137787763 CC1链学习记录_cc1 链子学习-CSDN博客 Java反序列化Commons-Collections篇02-CC1链补充 | Drunk…...

编程日记 2025/6/3 22:57:50

分享：google高级搜索常用的4个入口

网站和文件：google.com/advanced_search图片：google.com/advanced_image_search视频：google.com/advanced_video_search书籍：google.com/advanced_book_search...

编程日记 2025/5/3 15:00:50

内存四区（堆）

在上一次分享中，我和大家分享了栈区，今天栈区来了。而内存四区中，堆区是干嘛的呢？ 堆区，也是用来存放数据的，只不过呢，堆区中的数据的生死存亡是由程序员来控制的。当然如果你一直不管堆区…...

编程日记 2025/5/3 10:49:30

Ldap高效数据同步- MirrorMode双主复制模式配置详解（下）

#作者：朱雷上篇：《Ldap高效数据同步- MirrorMode双主复制模式配置详解（上）》链接: link 文章目录三、配置Mirror复制类型3.3. 在ldap-0上增加test2用户3.4. 在ldap-1上查看3.5. 在ldap-1上增加test4用户3.7. 最终两台LDAP数据…...

编程日记 2025/5/31 8:24:50

亚组风险比分析与可视化

1. 结果解读 1.1 风险比概述 1.1.1 风险比基本概念风险比（Hazard Ratio）用于衡量治疗组与对照组事件发生的风险差异。风险比为1，表示两组风险相同；小于1，治疗组风险低；大于1，治疗组风险高。 1.1.2 性别亚组分析 A性风险比小于1，表明治疗对A性有积极效果，风险降低。…...

编程日记 2025/5/23 14:08:34

2个小时1.5w字｜ React Golang 全栈微服务实战

文章目录前言Golang 入门教程1. 下载与环境配置安装 GoWindows 安装macOS 安装Linux 安装理解 GOROOT 和 GOPATHGOROOTGOPATHGo Modules 与 GOPATH 的关系查看和设置 Go 环境变量配置 GOPATH 2. 语法与包管理Go 基础语法运行 Go 程序构建 Go 程序包管理 (Go Modules)常用标准…...

编程日记 2025/5/29 10:06:15

Spring security详细上手教学（三）密码管理

Spring security详细上手教学（三）密码管理本章节两部分内容实现PasswordEncoder使用Spring Security Crypto模块提供的工具 1. 使用 password encoder 通常，系统不会使用纯文本来保存密码，需要进行加密/哈希等一系列处理以加…...

编程日记 2025/5/29 10:52:15

ADC读取异常情况汇总

MCU ADC读取内部参考电压 Vrefint 如果某个输入引脚的电压高于供电电压，可能存在读取内部参考电压数值不准或者读数是4095。虽然宽电压支持，最好硬件设计硬件避免这种情况，避免异常情况。...

编程日记 2025/5/5 3:17:34

给函数参数设置默认值的方式

在 JavaScript 中，给函数参数设置默认值主要有以下几种方式： 1. 函数体内手动检查赋值（ES5 及以前） 在函数内部检查参数是否为 undefined，然后手动赋值默认值。 function greet(name, age) {name name ! undefined…...

编程日记 2025/5/15 13:55:26

【C语言】内存分配的理解

很多时候我们声明变量，系统就自动为我们处理好了内存。这主要取决于内存分配发生的时间和内存区域。C语言中主要有以下几种内存分配方式： 栈 (Stack) 内存分配 (自动内存): 何时发生: 在函数内部声明的非static局部变量（包括基本类型如 int…...

编程日记 2025/5/29 19:18:01

特征工程四：数据特征提取TfidfVectorizer的使用

TfidfVectorizer 深度解析 TfidfVectorizer 是 scikit-learn 中用于文本特征提取的核心工具，它将原始文本转换为 TF-IDF 特征矩阵，是自然语言处理(NLP)和文本挖掘的基础组件。一、核心原理 1. TF-IDF 计算 TF (Term Frequency)：词频&…...

编程日记 2025/6/2 3:59:05

深度学习涉及的数学与计算机知识总结

深度学习涉及的数学与计算机知识可总结为以下核心模块，结合理论与实践需求分为数学基础和计算机技能两大方向： 一、数学知识线性代数核心：矩阵运算（乘法、转置、逆矩阵）、向量空间、特征值与特征向量、奇异值分解&am…...

编程日记 2025/6/1 3:47:58

引领印尼 Web3 变革：Mandala Chain 如何助力 1 亿用户迈向数字未来？

当前 Web3 的发展正处于关键转折点，行业亟需吸引新用户以推动 Web3 的真正大规模采用。然而，大规模采用面临着核心挑战：数据泄露风险、集中存储的安全漏洞、跨系统互操作性障碍，以及低效的服务访问等问题。如何才能真正突破这些瓶…...

编程日记 2025/5/24 19:29:15

Mysql从入门到精通day6————时间和日期函数精讲

关于Mysql的日期和时间计算函数种类非常繁多，此处我们对常用的一些函数的用法通过实例演示让读者体会他们的用法，文章末尾也给出了时间和日期计算的全部函数函数1：curdate（）和current_date()函数作用：获取当前日期 select curdate(),current_date();运行效果：...

编程日记 2025/5/28 15:11:15

C#如何正确的停止一个多线程Task？CancellationTokenSource 的用法。

在 C# 中停止一个 Task 需要谨慎处理，因为直接强制终止（如 Thread.Abort()）会导致资源泄漏或状态不一致。推荐使用协作式取消（Cooperative Cancellation） 通过 CancellationToken 实现安全停止。以下是详细方…...

编程日记 2025/5/4 3:14:15

【Redis】Redis Zset实现原理：跳表+哈希表的精妙设计

一、实现： Zset有序集合是一种由跳表(Skip List)哈希表(Hash Table) 实现的数据结构。二、特点功能： Set特性排序三、跳表与哈希表分析： Zset的实现由两个数据结构： 1.跳表(Skip List)：用于存储数据的排序和快…...

编程日记 2025/5/19 11:02:44

【前端】jQuery 对数据进行正序排列

你可以使用 jQuery 对数据进行正序排列（按 jbsj 升序）。以下是完整的代码示例： <!DOCTYPE html> <html> <head><title>按时间排序</title><script src"https://code.jquery.com/jquery-3.6.0.min.js&…...

编程日记 2025/5/29 11:14:08

Matlab 报错：尝试将 SCRIPT vl_sift 作为函数执行:

问题描述： 运行matlab程序出现报错： 警告: 名称不存在或不是目录: xxx\vlfeat-0.9.21\toolbox\mex\mexw64 xxxx 尝试将 SCRIPT vl_sift 作为函数执行: xxxx\vlfeat-0.9.21\toolbox\sift\vl_sift.m原因分析： 缺少 \vlfeat-0.9.21\toolbox…...

编程日记 2025/5/17 14:19:25

前端权限管理

前端权限本质上就是控制前端视图层的展示和前端所发送的请求一、RBAC 用户（User）：系统的使用者角色（Role）：权限的集合（如管理员、普通用户）。权限（Permission&am…...

编程日记 2025/5/1 19:50:57

【PVR】《Adaptive Palm Vein Recognition Method》

[1]程良彬.自适应的手掌静脉识别方法研究[D].桂林电子科技大学,2023.DOI:10.27049/d.cnki.ggldc.2023.000681. 文章目录 1、Background and Motivation2、Related Work3、Advantages / Contributions4、Method4.1、Datasets and Metrics4.2、基于最大化手掌内切圆的感兴趣区域提…...

编程日记 2025/5/13 1:56:08

MLLM之Bench：LEGO-Puzzles的简介、安装和使用方法、案例应用之详细攻略

MLLM之Bench：LEGO-Puzzles的简介、安装和使用方法、案例应用之详细攻略目录 LEGO-Puzzles的简介 1、LEGO-Puzzles的特点 LEGO-Puzzles的安装和使用方法 1、安装步骤 0：安装 VLMEvalKit 步骤 1：设置 API 密钥（可选&#xf…...

编程日记 2025/5/29 20:25:43

一周学会Pandas2 Python数据处理与分析-Pandas2数据信息查看操作

锋哥原创的Pandas2 Python数据处理与分析视频教程： 2025版 Pandas2 Python数据处理与分析视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili DataFrame的基础信息和统计性信息。在我们拿到一个数据集，用Pandas载入后，需要做一些初步的…...

编程日记 2025/5/13 8:52:56

【大模型微调与应用开发实战指南】从理论到工业级部署

目录前言技术背景与价值当前技术痛点解决方案概述目标读者说明一、技术原理剖析核心概念图解核心作用讲解关键技术模块说明技术选型对比二、实战演示环境配置要求核心代码实现（LoRA微调）运行结果验证三、性能对比测试方法论量化数据对比结果分析四、…...

编程日记 2025/5/11 4:43:00

动手学深度学习11.10. Adam算法-笔记练习（PyTorch）

以下内容为结合李沐老师的课程和教材补充的学习笔记，以及对课后练习的一些思考，自留回顾，也供同学之人交流参考。本节课程地址：72 优化算法【动手学深度学习v2】_哔哩哔哩_bilibili 本节教材地址：11.10. Adam算法 — 动手学深度学习 2.0.0 documentation 本节开源代码…...

编程日记 2025/5/24 13:04:45

Spring Boot API版本控制实践指南

精心整理了最新的面试资料和简历模板，有需要的可以自行获取点击前往百度网盘获取点击前往夸克网盘获取引言在API迭代过程中，版本控制是保障系统兼容性的重要机制。合理的版本控制策略可以帮助开发团队平滑过渡接口变更，同时支持多版本客…...

编程日记 2025/5/15 8:12:08

如何让自己的博客可以在百度、谷歌、360上搜索到（让自己写的CSDN博客可以有更多的人看到）

发现自己写的博客文章名复制，然后粘贴到百度进行搜索，发现搜索不到自己的，但是会显示其他人的CSDN博客。于是查找相关资料，整理出以下搜索引擎资源收录入口，把自己的文章链接输入进去，然后经过审核通过后&a…...

编程日记 2025/5/30 22:17:25

Transformer

一、为什么需要Transformer？先看传统模型的痛点 1. 传统模型：RNN与CNN的短板 RNN（循环神经网络）：逐个处理单词，像流水线作业。问题：速度慢（无法并行&…...

编程日记 2025/5/25 9:45:31

LeetCode热题100--438.找到字符串中所有字母异位词--中等

1. 题目给定两个字符串 s 和 p，找到 s 中所有 p 的异位词的子串，返回这些子串的起始索引。不考虑答案输出的顺序。示例 1: 输入: s “cbaebabacd”, p “abc” 输出: [0,6] 解释: 起始索引等于 0 的子串是 “cba”, 它是 “abc” 的异位词。起始…...

编程日记 2025/5/29 11:53:25

仿微信上传头像，实现拍摄、相册选择、手动缩放、裁剪、蒙版、撤回、还原、上传微信本地文件功能

目前功能基于wx-cropper进行开发，wx-cropper 是一个基于微信小程序的图片裁剪工具项目地址：gitcode地址一、触发入口标签 <t-cell hover arrow class"userCell" catchtap"handleChangeHeadImg"><view slot"title&…...

编程日记 2025/5/29 9:19:35

Python 操作 Excel 插入图表：解锁数据可视化的高效密码

Python 操作 Excel 插入图表：解锁数据可视化的高效密码在数据分析与展示的领域中，Python 凭借其强大的库支持，成为众多开发者与数据工作者的得力助手。将图表嵌入 Excel 文件，不仅能丰富数据呈现形式，还能让信息传递…...

编程日记 2025/4/29 18:27:00

python实战项目66：抓取考研招生专业信息

python实战项目66：抓取考研招生专业信息一、流程分析二、完整代码一、流程分析考研招生专业信息所在网页主页如下图：在搜索框中输入所需查询的专业点击“开设院校”，如下图所示：打开浏览器开发者工具抓包，刷新页面，找到xhr数据包。首先，在zydws.do数据包中抓…...

编程日记 2025/5/29 16:39:34

Awesome-Embodied-AI: 具身机器人的资源库

💡 你是否在寻找具身人工智能（Embodied AI）领域的研究资源？是否希望有一个系统性的资源集合来加速你的研究？今天给大家推荐一个重磅项目！ 🌟 为什么需要这个项目？ 具身人工智能是一…...

编程日记 2025/4/28 12:12:28

Java位运算符大全

1. Java 支持的位运算符 Java 提供了 7 种位运算符： 运算符名称描述示例&按位与（AND）两个位都为 1 时，结果才为 15 & 3 → 1|按位或（OR）两个位有一个为 1 时，结果就为 15 | 3 → 7^按…...

编程日记 2025/5/28 8:31:19

Using the NCCL Library: A Practical Guide

文章目录 Using the NCCL Library: A Practical GuidePrerequisitesBasic NCCL ConceptsPractical Demo CodeCompilation and ExecutionKey Steps ExplainedCommon Patterns1. Point-to-Point Communication2. Broadcast3. Using Streams Best Practices Using the NCCL Librar…...

编程日记 2025/5/8 1:48:13

1、vue webpack配置

2、nginx 配置访问gz

相关文章：