@qse/edu-scripts 1.14.3 → 1.14.5

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # 更新日志
 
+## 1.14.5 (2024-05-29)
+
+- feat: start 增加 process.env.PORT
+- fix: mock 文件夹只相应 .js .ts 文件
+
+## 1.14.4 (2024-05-11)
+
+- feat: 打包时自动压缩图片
+
 ## 1.14.3 (2024-01-03)
 
 - fix: 修复 app.d.ts html 文件类型错误

package/docs/refactor.md

@@ -21,14 +21,11 @@
 
 ```html
 <% if(process.env.NODE_ENV === 'development') { %>
-<script src="//www.zhidianbao.cn:8088/qsxxwapdev/edu-scripts/react-dev-preset.js"></script>
-<script src="//www.zhidianbao.cn:8088/qsxxwapdev/edu-scripts/moment2.29.1.js"></script>
-<script src="//www.zhidianbao.cn:8088/qsxxwapdev/edu-scripts/antd3.26.20.js"></script>
-
-<!-- 如果用到 @qse/antd -->
-<script src="//www.zhidianbao.cn:8088/qsxxwapdev/edu-scripts/qsb-antd.min.js"></script>
-<!-- 如果用到 @qse/scheme-render -->
-<script src="//www.zhidianbao.cn:8088/qsxxwapdev/edu-scripts/qsb-scheme-render.min.js"></script>
+<script src="https://www.zhidianbao.cn:8443/qsxxwapdev/edu-scripts/react-dev-preset.js"></script>
+<script src="https://www.zhidianbao.cn:8443/qsxxwapdev/edu-scripts/moment2.29.1.js"></script>
+<script src="https://www.zhidianbao.cn:8443/qsxxwapdev/edu-scripts/antd3.26.20.js"></script>
+<script src="https://registry.npmmirror.com/@qse/antd/latest/files/dist/qsb-antd.min.js"></script>
+<script src="https://registry.npmmirror.com/@qse/scheme-render/latest/files/dist/qsb-scheme-render.min.js"></script>
 <% } else { %>
 <script src="//static.qsepay.net/lib/react16.14_fastclick1.0.6_natty-storage2.0.2-fetch2.4.2_axios0.21.1_common31.js"></script>
 <script src="//static.qsepay.net/lib/moment2.29.1.js"></script>

package/docs/static.md

@@ -3,15 +3,11 @@
 ## 开发环境使用的静态资源
 
 ```html
-<script src="//www.zhidianbao.cn:8088/qsxxwapdev/edu-scripts/react-dev-preset.js"></script>
-<script src="//www.zhidianbao.cn:8088/qsxxwapdev/edu-scripts/moment2.29.1.js"></script>
-<script src="//www.zhidianbao.cn:8088/qsxxwapdev/edu-scripts/antd3.26.20.js"></script>
-
-<!-- 下方资源可能存在版本滞后 -->
-<!-- @qsb/antd @1.7.2 -->
-<script src="//www.zhidianbao.cn:8088/qsxxwapdev/edu-scripts/qsb-antd.min.js"></script>
-<!-- @qsb/scheme-render @1.2.3  -->
-<script src="//www.zhidianbao.cn:8088/qsxxwapdev/edu-scripts/qsb-scheme-render.min.js"></script>
+<script src="https://www.zhidianbao.cn:8443/qsxxwapdev/edu-scripts/react-dev-preset.js"></script>
+<script src="https://www.zhidianbao.cn:8443/qsxxwapdev/edu-scripts/moment2.29.1.js"></script>
+<script src="https://www.zhidianbao.cn:8443/qsxxwapdev/edu-scripts/antd3.26.20.js"></script>
+<script src="https://registry.npmmirror.com/@qse/antd/latest/files/dist/qsb-antd.min.js"></script>
+<script src="https://registry.npmmirror.com/@qse/scheme-render/latest/files/dist/qsb-scheme-render.min.js"></script>
 ```
 
 ## 生产环境使用的静态资源

package/lib/config/plugins/mock-server/index.js

@@ -14,7 +14,7 @@ var mockCache = {};
 var isSetup = false;
 var setupMock = debounce(function setupMock2() {
   mockCache = {};
-  const files = globby.sync(paths.mock);
+  const files = globby.sync(paths.mock, { expandDirectories: { extensions: ["js", "ts"] } });
   if (isSetup) {
     console.log(chalk.green("Mock files changed, reloaded"));
   } else {

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/start.js

@@ -19,6 +19,7 @@ module.exports = async function start(args) {
   }
   process.env.WDS_SOCKET_PORT = port;
   args.port = port;
+  process.env.PORT = port;
   const compiler = webpack(getConfig(args));
   const devServer = new WebpackDevServer(compiler.options.devServer, compiler);
   devServer.start();

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.5",
   "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/plugins/mock-server/index.js

@@ -23,7 +23,7 @@ const setupMock = debounce(function setupMock() {
   // clean
   mockCache = {}
 
-  const files = globby.sync(paths.mock)
+  const files = globby.sync(paths.mock, { expandDirectories: { extensions: ['js', 'ts'] } })
 
   if (isSetup) {
     console.log(chalk.green('Mock files changed, reloaded'))

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/start.js

@@ -25,6 +25,7 @@ module.exports = async function start(args) {
   }
   process.env.WDS_SOCKET_PORT = port
   args.port = port
+  process.env.PORT = port
 
   const compiler = webpack(getConfig(args))
   const devServer = new WebpackDevServer(compiler.options.devServer, compiler)

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: [],