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

《基于 Vue 组件库 的 Webpack5 配置》4. 压缩 CSS 和 js 文件

  • 压缩 CSS 使用 webpack 插件 css-minimizer-webpack-plugin,需要额外安装 npm i css-minimizer-webpack-plugin@latest -D
  • 压缩 js 使用 webpack 自带插件 terser-webpack-plugin,无需额外安装;
  • package.json 的配置如下
const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
const TerserPlugin = require("terser-webpack-plugin");module.exports = {optimization: {// 优化minimize: true,minimizer: [new CssMinimizerPlugin(),//压缩cssnew TerserPlugin({// 压缩 jsterserOptions: {format: {comments: false,},},extractComments: false,}),],}
}
http://www.lryc.cn/news/144566.html

相关文章:

  • electron globalShortcut 快捷键,在焦点移到其他软件上时,调用快捷键报错
  • 【PHP】PHP条件控制
  • 超干货!Linux中断响应流程
  • 统计学补充概念-13-逻辑回归
  • java八股文面试[多线程]——什么是线程安全
  • Redis 介绍
  • 冠达管理:核污染防治板块热度不减,建工修复等多只个股涨停
  • Unity关键概念
  • JDK配置环境变量(超详细)
  • 抢先体验|乐鑫推出 ESP32-S3-BOX-3 新一代开源 AIoT 开发套件
  • Java 语言实现归并排序算法
  • 【Python编程】将同一种图片分类到同一文件夹中
  • Web安全测试(四):XML注入和代码注入
  • 如何通过内网穿透实现外部网络对Spring Boot服务端接口的HTTP监听和调试?
  • 深入理解c++特殊成员函数
  • RecyclerView面试问答
  • Redis 7 教程 数据持久化
  • 【ArcGIS微课1000例】0072:如何生成空间权重矩阵
  • 【芯片设计封装与测试】芯片测试目的、方法、分类及案例
  • k8s集群证书过期解决
  • Linux学习之Ubuntu 20.04在github下载源码安装Openresty 1.19.3.1
  • bootloader串口更新程序[瑕疵学习板]
  • 浅谈视频汇聚平台EasyCVR视频平台在城市安全综合监测预警台风天气中的重要作用
  • GaussDB技术解读系列:高级压缩之OLTP表压缩
  • 管理类联考——英语二——实战篇——大作文——图表——静态图表——第一段
  • https 的ssl证书过期处理解决方案(lighthttpd)
  • 【java】【idea2023版】Springboot模块没有.iml文件的问题
  • Qt QScrollArea使用
  • Unity3d:GameFramework解析:实体,对象池,资源管理,获取计数,引用计数,自动释放
  • Django基础6——数据模型关系