前端npm打包自動壓縮

需要插件rollup-plugin-compression

在vite.config中使用


import compresssionBuild from 'rollup-plugin-compression'
import type { ICompressionOptions } from 'rollup-plugin-compression'
import dayjs from 'dayjs'
import packageInfo from './package.json'
const option: ICompressionOptions = {sourceName: `dist`, //要打包的目錄type: 'zip', //打包的后綴targetName: `${packageInfo.name.replace('-', '_')}${dayjs(new Date()).format('YYYYMMDDHHmmss')}`, //打包后的包名,根據需要自行修改ignoreBase: true //默認打包源文件夾本身,配置為true則只打包文件夾內文件
}export default defineConfig({plugins: [compresssionBuild(option)],
})

打包運行npm run build

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/36106.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/36106.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/36106.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

FANUC噴涂機器人P-350iA電機過熱維修解決方案

發那科噴涂機器人作為自動化噴涂生產線的重要組成部分,其性能穩定性和可靠性對于生產效率和產品質量具有重要影響。然而,在實際使用過程中,FANUC噴涂機器人P-350iA電機過熱故障問題往往成為影響其正常運行的主要因素之一。 FANUC機器人M-100…

產品經理進階:供應鏈管理制度

目錄 一、 目的 二、范圍 三、意義 五、周期 一、 目的 根據公司戰略規劃和經營目標,建立和完善生產計劃、物料控制體系、庫存 管理體系。通過匹配需求和產能,確保在滿足市場需求的同時降低整體庫存 水平,提高存貨周轉率,以達成公司的成本管理目標。 二、范圍 涉及供應…

vue2的雙向綁定

vue是一個mvvm框架,即數據雙向綁定,即當數據發生變化的時候,視圖也就發生變化,當視圖發生變化的時候,數據也會跟著同步變化。 Vue.js 2 中的雙向綁定是通過 v-model 指令實現的。v-model 指令可以在表單輸入元素上創建…

一款開源免費的現代化風格的Avalonia控件庫

前言 Citrus.Avalonia是一款開源(MIT License)、免費的現代化風格的Avalonia控件庫。 Avalonia介紹 Avalonia是一個強大的框架,使開發人員能夠使用.NET創建跨平臺應用程序。它使用自己的渲染引擎繪制UI控件,確保在Windows、mac…

推薦系統數據集——Amazon-Book

在推薦系統中,像Amazon-Book這樣的數據集通常包含用戶和物品的交互信息。為了訓練模型,這些數據需要轉換成適合模型輸入的格式。在這種情況下,item_list和user_list需要轉換成train.txt文件,通常包含用戶ID和物品ID的交互記錄。 …

你的生日是星期幾?HTML+JavaScript幫你列出來

0 源起 上周末,大寶發現今年自己的生日不是周末,這樣就不好約同學和好友一起開生日Party了,很是郁悶。一直嘀咕自己哪年的生日才是周末。 于是我用JavaScript寫了一個小程序來幫她測算了未來100年中每年的生日分別是星期幾。 1 設計交互界面…

torch創建2d卷積層報錯

import torch import torch.nn as nn print(nn.Conv2d(3, 16, 3, padding1)) 編譯器:pycharm2023.03.05 python:3.11 運行上述代碼 頁面報錯:OSError: [WinError 126] 找不到指定的模塊。 Error loading "D:\apploadpath\pythonPath\Lib\site-…

logback自定義規則脫敏

自定義規則conversionRule public class LogabckMessageConverter extends MessageConverter {Overridepublic String convert(ILoggingEvent event) {String msg event.getMessage();if ("INFO".equals(event.getLevel().toString())) {msg .....脫敏實現}return …

搭建大型分布式服務(四十一)SpringBoot 整合多個kafka數據源-支持億級消息生產者

系列文章目錄 文章目錄 系列文章目錄前言一、本文要點二、開發環境三、原項目四、修改項目五、測試一下五、小結 前言 本插件穩定運行上百個kafka項目&#xff0c;每天處理上億級的數據的精簡小插件&#xff0c;快速上手。 <dependency><groupId>io.github.vipjo…

【ARM】MCU和SOC的區別

【更多軟件使用問題請點擊億道電子官方網站】 1、 文檔目標 了解SOC芯片和MCU芯片的區別 2、 問題場景 用于了解SOC芯片和MCU芯片的區別&#xff0c;內部結構上的區別。 3、軟硬件環境 1&#xff09;、軟件版本&#xff1a;無 2&#xff09;、電腦環境&#xff1a;無 3&am…

【小學期】安裝Navicat,可視化操作數據庫

什么是Navicat&#xff0c;如何安裝&#xff1f;如何操作&#xff1f; 1. 什么是Navicat&#xff1f; Navicat 是一款功能強大的數據庫管理工具&#xff0c;支持多種數據庫系統&#xff0c;包括 MySQL、PostgreSQL、SQLite、Oracle、MariaDB 和 SQL Server 等。Navicat 提供了…

Java——枚舉

1. 概念 枚舉是在JDK1.5之后引入的&#xff0c;主要用途是&#xff1a;將一組常量組織起來&#xff0c;在這之前表示一組常量通常使用定義常量的方式&#xff1a; public static final int RED 1; public static final int GREEN 2; public static final int BLACK 3;但是…

意識與通用人工智能:北京智源大會深度解讀

在科技迅猛發展的今天&#xff0c;人工智能&#xff08;AI&#xff09;的意識問題成為了學術界和公眾關注的焦點。北京智源大會匯聚了眾多學者&#xff0c;圍繞意識與通用人工智能&#xff08;AGI&#xff09;的關系進行了深入探討。本文將對大會的精彩觀點進行總結&#xff0c…

clickhouse join內存溢出

clickhouse join 內存溢出 前言排查步驟查看sql統計數據量統計大小優化索引優化字段增加內存最終優化 前言 在一個離線工作流中任務報錯 Code: 241. DB::Exception: Received from XXXXXX:9000. DB::Exception: Memory limit (for query) exceeded: would use 20.49 GiB (att…

第 12 課:基于隱語的VisionTransformer框架

基于之前MPC的基礎知識&#xff0c;本講主要內容是MPCViT基于SecretFlow的VisionTransformer框架&#xff0c;主要從神經網絡架構&#xff0c;隱私推理框架和實驗結果三方面介紹。 一、MPCViT&#xff1a;安全且高效的MPC友好型 Vision Transformer架構 MPCViT隱私推理總體框架…

QT中子工程的創建,以及如何在含有庫的子工程項目中引用主項目中的qt資源

1、背景 在qt中創建多項目類型,如下: CustomDll表示其中的一個動態庫子項目; CustomLib表示其中的一個靜態庫子項目; MyWidget表示主項目窗口(main函數所在項目); 2、qrc資源的共享 如何在CustomDll和CustomLib等子項目中也同樣使用 MyWidget項目中的qrc資源呢??? 直…

【AI應用探討】—決策樹應用場景

目錄 1 命名實體識別&#xff08;NER&#xff09; 2 信用評估 3 醫學診斷 4 垃圾郵件過濾 5 推薦系統 6 金融欺詐檢測 7 醫療領域的其他應用 8 網絡行為管理系統 1 命名實體識別&#xff08;NER&#xff09; 應用場景&#xff1a;在文本處理中&#xff0c;決策樹可以用…

【項目實訓】后端邏輯完善

經測試&#xff0c;我們決定前端可以同時選擇多個類型的崗位進行查詢&#xff0c;以顯示相應的公司崗位信息 于是&#xff0c;修改后端函數的邏輯&#xff1a; 后端 首先&#xff0c;因為要對checkList中的job_name進行模糊匹配查詢&#xff0c;于是使用以下代碼&#xff1a…

mybatis批量處理

批量修改 <update id"updateTaskDistributions" parameterType"java.util.List"><foreach collection"viewTaskDistributions" index"index" item"item" open"begin" close";end;" separa…

【科學計算與可視化】3. Matplotlib 繪圖基礎

安裝 pip install matplotlib 官方文檔 https://matplotlib.org/stable/api/pyplot_summary.html 主要介紹一些圖片繪制的簡要使用&#xff0c;更加詳細和進階需要可參考 以上官方文檔。 1 繪制基礎 方法名說明title()設置圖表的名稱xlabel()設置 x 軸名稱ylabel()設置 y 軸…