@qse/edu-scripts 1.14.3 → 1.14.4

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # 更新日志
 
+## 1.14.4 (2024-05-11)
+
+- feat: 打包时自动压缩图片
+
 ## 1.14.3 (2024-01-03)
 
 - fix: 修复 app.d.ts html 文件类型错误

package/lib/config/webpackConfig.js

@@ -10,6 +10,7 @@ var CaseSensitivePathsPlugin = require("case-sensitive-paths-webpack-plugin");
 var appPkg = require(paths.package);
 var appConfig = require("../utils/appConfig");
 var { ESBuildMinifyPlugin } = require("esbuild-loader");
+var ImageMinimizerPlugin = require("image-minimizer-webpack-plugin");
 var jsMainPath = appConfig.grayscale ? `${appPkg.name}/beta/${appPkg.name}` : `${appPkg.name}/${appPkg.name}`;
 var assetPath = appConfig.grayscale ? `${appPkg.name}/beta/${appPkg.version}` : `${appPkg.name}/${appPkg.version}`;
 var cssRegex = /\.css$/;
@@ -356,6 +357,17 @@ module.exports = function getWebpackConfig(args, override) {
     optimization: {
       minimize: isProd && override.minify !== false,
       minimizer: [
+        override.minifyImage && new ImageMinimizerPlugin({
+          minimizer: {
+            implementation: ImageMinimizerPlugin.sharpMinify,
+            options: {
+              encodeOptions: {
+                // Your options for `sharp`
+                // https://sharp.pixelplumbing.com/api-output
+              }
+            }
+          }
+        }),
         override.minify === "esbuild" && new ESBuildMinifyPlugin({
           pure: override.pure_funcs ?? ["console.log"],
           drop: ["debugger"],

package/lib/utils/defineConfig.d.ts

@@ -46,6 +46,11 @@ export type Config = {
      * @default 'esbuild'
      */
     minify?: boolean | 'terser' | 'esbuild';
+    /**
+     * 打包时压缩图片资源
+     * @default true
+     */
+    minifyImage?: boolean;
     /** 自定义全局参数 */
     define?: Record<string, any>;
     /**

package/lib/utils/getOverride.js

@@ -3,6 +3,7 @@ var fs = require("fs");
 var paths = require("../config/paths");
 var defaultOverride = {
   transformNodeModules: true,
+  minifyImage: true,
   minify: "esbuild",
   proxy: [],
   extraPostCSSPlugins: []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qse/edu-scripts",
-  "version": "1.14.3",
+  "version": "1.14.4",
   "author": "Kinoko",
   "license": "MIT",
   "description": "教育工程化基础框架",
@@ -38,12 +38,12 @@
     "@babel/plugin-proposal-decorators": "~7.23.2",
     "@babel/plugin-transform-runtime": "~7.23.2",
     "@babel/preset-env": "~7.23.2",
-    "@babel/preset-react": "~7.22.15",
+    "@babel/preset-react": "~7.23.2",
     "@babel/preset-typescript": "~7.23.2",
-    "@babel/register": "~7.22.15",
+    "@babel/register": "~7.23.2",
     "@babel/runtime": "~7.23.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
-    "@qse/ssh-sftp": "^1.0.0",
+    "@qse/ssh-sftp": "^1.0.1",
     "@svgr/webpack": "^8.0.1",
     "babel-loader": "^9.1.3",
     "babel-plugin-import": "^1.13.8",
@@ -61,6 +61,7 @@
     "globby": "^11.1.0",
     "gzip-size": "^6.0.0",
     "html-webpack-plugin": "^5.5.3",
+    "image-minimizer-webpack-plugin": "^3.0.0",
     "inquirer": "^8.2.5",
     "less": "^3.13.1",
     "less-loader": "^10.2.0",
@@ -80,6 +81,7 @@
     "recursive-readdir": "^2.2.3",
     "rimraf": "^3.0.2",
     "semver": "^7.5.4",
+    "sharp": "^0.32.0",
     "strip-ansi": "^6.0.1",
     "style-loader": "^3.3.3",
     "tailwindcss": "^3.3.3",

package/src/config/webpackConfig.js

@@ -9,6 +9,7 @@ const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin')
 const appPkg = require(paths.package)
 const appConfig = require('../utils/appConfig')
 const { ESBuildMinifyPlugin } = require('esbuild-loader')
+const ImageMinimizerPlugin = require("image-minimizer-webpack-plugin");
 
 const jsMainPath = appConfig.grayscale
   ? `${appPkg.name}/beta/${appPkg.name}`
@@ -381,6 +382,17 @@ module.exports = function getWebpackConfig(args, override) {
     optimization: {
       minimize: isProd && override.minify !== false,
       minimizer: [
+        override.minifyImage && new ImageMinimizerPlugin({
+          minimizer: {
+            implementation: ImageMinimizerPlugin.sharpMinify,
+            options: {
+              encodeOptions: {
+                // Your options for `sharp`
+                // https://sharp.pixelplumbing.com/api-output
+              },
+            },
+          },
+        }),
         override.minify === 'esbuild' &&
           new ESBuildMinifyPlugin({
             pure: override.pure_funcs ?? ['console.log'],

package/src/utils/defineConfig.ts

@@ -48,6 +48,11 @@ export type Config = {
    * @default 'esbuild'
    */
   minify?: boolean | 'terser' | 'esbuild'
+  /**
+   * 打包时压缩图片资源
+   * @default true
+   */
+  minifyImage?:boolean
   /** 自定义全局参数 */
   define?: Record<string, any>
   /**

package/src/utils/getOverride.js

@@ -4,6 +4,7 @@ const paths = require('../config/paths')
 /** @type {import('./defineConfig').Config} */
 const defaultOverride = {
   transformNodeModules: true,
+  minifyImage: true,
   minify: 'esbuild',
   proxy: [],
   extraPostCSSPlugins: [],