Skip to content

Commit 668b34c

Browse files
author
Your Name
committed
fix: 修复 vite-plugin-imagemin 在windows环境下无法成功安装
1 parent de37a74 commit 668b34c

File tree

2 files changed

+36
-35
lines changed

2 files changed

+36
-35
lines changed

package.json

+1
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,7 @@
140140
"unocss": "^0.58.0",
141141
"unplugin-auto-import": "^0.17.2",
142142
"vite": "4.0.3",
143+
"vite-plugin-imagemin": "^0.6.1",
143144
"vite-plugin-restart": "^0.4.0",
144145
"vite-plugin-svg-icons": "^2.0.1",
145146
"vite-plugin-vue-setup-extend": "^0.4.0",

vite.config.ts

+35-35
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ import ViteRestart from 'vite-plugin-restart'
2626
import { visualizer } from 'rollup-plugin-visualizer'
2727
// TIPS: 很多用户无法安装这个插件所以先注释掉了,如果您可以安装成功,那就可以放开这个注释,以及下面的viteImagemin配置
2828
// 注意,小程序有主包2M的限制,所以一般图片会放到图片服务器(不放本地),那就不需要这个插件
29-
// import viteImagemin from 'vite-plugin-imagemin'
29+
import viteImagemin from 'vite-plugin-imagemin'
3030

3131
// https://vitejs.dev/config/
3232
export default ({ command, mode }) => {
@@ -97,40 +97,40 @@ export default ({ command, mode }) => {
9797
brotliSize: true,
9898
}),
9999
// 这个图片压缩插件比较耗时,希望仅在生产环境使用
100-
// mode === 'production' &&
101-
// viteImagemin({
102-
// gifsicle: {
103-
// // gif图片压缩
104-
// optimizationLevel: 3, // 选择1到3之间的优化级别
105-
// interlaced: false, // 隔行扫描gif进行渐进式渲染
106-
// // colors: 2 // 将每个输出GIF中不同颜色的数量减少到num或更少。数字必须介于2和256之间。
107-
// },
108-
// optipng: {
109-
// // png
110-
// optimizationLevel: 7, // 选择0到7之间的优化级别
111-
// },
112-
// mozjpeg: {
113-
// // jpeg
114-
// quality: 20, // 压缩质量,范围从0(最差)到100(最佳)。
115-
// },
116-
// pngquant: {
117-
// // png
118-
// quality: [0.8, 0.9], // Min和max是介于0(最差)到1(最佳)之间的数字,类似于JPEG。达到或超过最高质量所需的最少量的颜色。如果转换导致质量低于最低质量,图像将不会被保存。
119-
// speed: 4, // 压缩速度,1(强力)到11(最快)
120-
// },
121-
// svgo: {
122-
// // svg压缩
123-
// plugins: [
124-
// {
125-
// name: 'removeViewBox',
126-
// },
127-
// {
128-
// name: 'removeEmptyAttrs',
129-
// active: false,
130-
// },
131-
// ],
132-
// },
133-
// }),
100+
mode === 'production' &&
101+
viteImagemin({
102+
gifsicle: {
103+
// gif图片压缩
104+
optimizationLevel: 3, // 选择1到3之间的优化级别
105+
interlaced: false, // 隔行扫描gif进行渐进式渲染
106+
// colors: 2 // 将每个输出GIF中不同颜色的数量减少到num或更少。数字必须介于2和256之间。
107+
},
108+
optipng: {
109+
// png
110+
optimizationLevel: 7, // 选择0到7之间的优化级别
111+
},
112+
mozjpeg: {
113+
// jpeg
114+
quality: 20, // 压缩质量,范围从0(最差)到100(最佳)。
115+
},
116+
pngquant: {
117+
// png
118+
quality: [0.8, 0.9], // Min和max是介于0(最差)到1(最佳)之间的数字,类似于JPEG。达到或超过最高质量所需的最少量的颜色。如果转换导致质量低于最低质量,图像将不会被保存。
119+
speed: 4, // 压缩速度,1(强力)到11(最快)
120+
},
121+
svgo: {
122+
// svg压缩
123+
plugins: [
124+
{
125+
name: 'removeViewBox',
126+
},
127+
{
128+
name: 'removeEmptyAttrs',
129+
active: false,
130+
},
131+
],
132+
},
133+
}),
134134
],
135135

136136
css: {

0 commit comments

Comments
 (0)