webpack5零基础入门-17CSS压缩

1.安装插件

复制代码
npm install css-minimizer-webpack-plugin --save-dev

就像 ​​optimize-css-assets-webpack-plugin​​ 一样,但在 source maps 和 assets 中使用查询字符串会更加准确,支持缓存和并发模式下运行。

2.引入

3.调用

4.打包

可以看到css文件变成了一行

相关推荐
日月晨曦4 分钟前
JS类型转换:一场隐式与显式的"变形记"
javascript
Ynov8 分钟前
本地存储(Local Storage)与Cookie的深度对比
前端·javascript
卓伊凡10 分钟前
复杂项目即时通讯从android 5升级android x后遗症之解决报错#6 java.net.SocketException Software caused
前端·后端
鹏程十八少10 分钟前
4. Android FrameWork之 Binder总结,深入剖析 Android Binder:从 Java 到内核的完整通信图谱
前端
PineappleCoder12 分钟前
同源策略是啥?浏览器为啥拦我的跨域请求?(一)
前端·后端·node.js
遂心_13 分钟前
深入理解 requestAnimationFrame:打造流畅动画的利器
前端·javascript
晴空雨14 分钟前
Zustand vs Redux Toolkit:现代 React 状态管理深度对比
前端·react.js
文艺理科生15 分钟前
Nuxt 组件渲染进阶:服务端与客户端组件的协作艺术
前端·javascript·vue.js
页面仔Dony16 分钟前
任务队列的中断和恢复实现
javascript·面试
Mintopia16 分钟前
Next 全栈开发:Prisma 的安装与配置指南 —— 从数据库魔法到代码现实
前端·javascript·next.js