kn-cli 1.0.135 → 1.0.137

package/build/package.json

@@ -45,7 +45,8 @@
     "webpack-cli": "~3.3.11",
     "webpack-dev-server": "~3.10.3",
     "@pmmmwh/react-refresh-webpack-plugin": "~0.4.3",
-    "react-refresh": "~0.9.0"
+    "react-refresh": "~0.9.0",
+    "hard-source-webpack-plugin": "~0.13.1"
   },
   "overrides": {
     "@jridgewell/gen-mapping": "0.3.5"

package/build/webpack.config.js

@@ -12,6 +12,7 @@ const CopyPlugin = require('copy-webpack-plugin');
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 const NowDateTime = Date.now();
 
+
 //////////// CONFIG ENV ///////////////
 const API_CONFIG = require('./webpack.api.js');
 let CLI_CONFIG = {};
@@ -132,7 +133,8 @@ if(!hashMode){
 
 /////////////// RULES ////////////////
 const BABEL_PLUGINS=[
-    ['@babel/plugin-transform-runtime', { corejs: 3 }],
+    ['@babel/plugin-transform-runtime', { corejs: 3}],
+    '@babel/plugin-transform-class-properties'
 ]
 const BABEL_PLUGINS_777=[
   ['@babel/plugin-transform-runtime', { corejs: 3 }],
@@ -148,6 +150,7 @@ const LOADER_JS=[
   {
     loader: 'babel-loader',
     options: {
+      // cacheDirectory: true, // 👈 必须开启！默认是 false
       presets: [
         '@babel/preset-react',
         [
@@ -396,6 +399,7 @@ if(devMode){
       overlay:false//关闭全局的错误提示
     }) ) // 添加 React Refresh 插件
   }
+
   plugins.push(new webpack.SourceMapDevToolPlugin({
     filename: 'sourcemap/[file].map',
     // filename: false, // 避免生成额外的 .map 文件，提高构建速度
@@ -476,6 +480,17 @@ if(cssSplitMode){
   )
 }
 
+if(CLI_CONFIG?.hardSourceWebpackPlugin){
+  var HardSourceWebpackPlugin = require('hard-source-webpack-plugin');
+  const cacheDir = path.resolve(dirname, '.webpack_cache/[confighash]')
+  warn(`hardSourceWebpackPlugin cacheDir:${cacheDir}`);
+  plugins.push(
+    new HardSourceWebpackPlugin({
+      cacheDirectory: cacheDir,
+    })
+  )
+}
+
 //////////////// PLUGINS-END //////////////////
 
 ///////////// SPA-RENDER ///////////////
@@ -543,7 +558,7 @@ const config={
   optimization: optimization,
   plugins: plugins,
   // watchOptions: {
-  //   aggregateTimeout: 5000, // 文件变化后延迟 300 毫秒再重新构建
+  //   // aggregateTimeout: 5000, // 文件变化后延迟 300 毫秒再重新构建
   //   ignored: /node_modules/ // 忽略 node_modules 目录
   // }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kn-cli",
-  "version": "1.0.135",
+  "version": "1.0.137",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/build.js

@@ -54,7 +54,7 @@ module.exports= async (options={})=> {
   // 构建模板
   const tempWebpackDir = path.resolve(tempProjectDir,"_webpack");
   const tempWebpackPackagePath = path.resolve(tempWebpackDir,'package.json');
-  const tempWebpackBabelPackagePath = path.resolve(tempWebpackDir,'babel.package.json');
+  const tempWebpackBabelPackagePath = path.resolve(tempWebpackDir,cliConfig?.babelConfigName??'babel.package.json');
 
   const tempVitePackagePath = path.resolve(tempWebpackDir,'vite.package.json');
   const tempWebpackConfigPath = path.resolve(tempWebpackDir,'webpack.config.js');

package/templates/template_admin_antd5/public/src/index.jsx

@@ -6,6 +6,7 @@ import RouteList from './route';
 import { ReactRender } from './components/react';
 import {DEBUG_VCONSOLE} from '@/config';
 import moment from '@/utils/moment';
+import { runAutoCheckVersion } from '@/utils/version';
 moment;
 
 let _error=window.console.error;
@@ -68,6 +69,10 @@ window.appLog(`${location.href}`);
 window.appLog(`ua:${navigator.userAgent}`);
 /* eslint-enable */
 
+// @ts-ignore
+if(BUILD_ENV != 'prod'){
+  runAutoCheckVersion();
+}
 
 ReactRender(<RouteList />, document.getElementById('main-view'));
 

package/templates/template_admin_antd5/public/src/provider/menu.jsx

@@ -10,6 +10,7 @@ import ProviderApp from '@/provider/app';
 
 import MenuConfig from '@/menuConfig';
 import { AUTH_ROUTE_DEBUG_OPEN } from '@/config';
+import { runAutoCheckVersion } from '@/utils/version';
 
 
 /**
@@ -142,6 +143,10 @@ const useProvider=() =>{
     getLeftMenu(app.auths);
   },[routeMenu.source,curLocation,app.auths])
 
+  useEffect(()=>{
+    runAutoCheckVersion();
+  },[curLocation])
+
   return {leftMenu,topMenu,reload,selectMenus,findMenuData,setMenuConfig,getMenuNavigateTo,findHasAuthMenu}
 }
 

package/templates/template_admin_antd5/public/static/version.json

@@ -0,0 +1,3 @@
+{
+  "version": "1.0.0"
+}

package/templates/template_admin_antd5/public/src/provider/loading.jsx

@@ -1,47 +0,0 @@
-
-// @ts-ignore
-import { useState } from 'react'
-
-// @ts-ignore
-import { createContainer } from "unstated-next"
-
-const useProviderLoading=() =>{
-
-  const [count,setCount]= useState(0);
-
-  const open=()=>{
-    setCount(v=>v+1)
-  }
-  const close=()=>{
-    setCount(v=>v-1)
-  }
-
-  return {
-    loading:count>0,
-    open,
-    close,
-    count
-  }
-}
-
-/**
- * @typedef LoadingProviderContaniner
- * @property {()=>void} open - 打开Loading
- * @property {()=>void} close - 关闭Loading
- * @property {boolean} loading - 当前loading状态
- * @property {number} count - 当前loading计数器
- */
-
-
-/**
- * @typedef {object} LoadingProvider
- * @property {function():LoadingProviderContaniner} useContainer
- * @property {React.ComponentType<any>} Provider
- */ 
-
-
-/**
- * @type {LoadingProvider}
- */
-const App = createContainer(useProviderLoading);
-export default App;

package/templates/template_admin_antd5/public/src/provider/menu.module.less

@@ -1,35 +0,0 @@
-
-
-
-.iconGroup{
-  width: 17px;
-  height: 100%;
-  margin-right: 12px;
-  display: inline-flex;
-  align-items: center;
-
-  img{width: 100%;}
-  .icon{
-    display: inline-block;
-  }
-  .iconActive{
-    display: none;
-  }
-}
-
-:global(.ant-menu-title-content){
-  font-size: 14px;
-}
-:global(.ant-menu-item-selected),
-:global(.ant-menu-item-active){
-  .iconGroup .iconActive{
-    display: inline-block;
-  }
-  .iconGroup .icon{
-    display: none;
-  }
-  :global(.ant-menu-title-content){
-    font-weight: bold;
-  }
-
-}