kn-cli 1.0.100 → 1.0.102

package/build/package.json

@@ -53,10 +53,12 @@
     "style-loader": "~1.1.3",
     "terser-webpack-plugin": "~4.2.3",
     "url-loader": "~3.0.0",
-    "webpack": "~4.42.0",
+    "webpack": "~4.43.0",
     "webpack-bundle-analyzer": "~3.6.1",
     "webpack-cli": "~3.3.11",
-    "webpack-dev-server": "~3.10.3"
+    "webpack-dev-server": "~3.10.3",
+    "@pmmmwh/react-refresh-webpack-plugin": "~0.4.3",
+    "react-refresh": "~0.9.0"
   },
   "engines": {
     "node": "16.18.0"

package/build/webpack.config.js

@@ -9,12 +9,11 @@ const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 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');
-const cliConfig = require('./cli.config.js');
 let CLI_CONFIG = {};
 let existsCli= fs.existsSync('./cli.config.js');
 if(existsCli){
@@ -162,6 +161,11 @@ const LOADER_JS=[
     },
   },
 ]
+if(devMode){
+  if(devServer?.hot&&devServer?.reactRefresh==true){
+    LOADER_JS[0].options.plugins.push(['react-refresh/babel'])// 
+  }
+}
 
 const rules= [
   {
@@ -370,9 +374,12 @@ const plugins= [
     PM_TYPE: JSON.stringify(process.env.pm_type),
     APP_VERSION:JSON.stringify(appVersion)
   }),
-  
 ];
+
 if(devMode){
+  if(devServer?.hot&&devServer?.reactRefresh==true){
+    plugins.push( new ReactRefreshWebpackPlugin() ) // 添加 React Refresh 插件
+  }
   plugins.push(new webpack.SourceMapDevToolPlugin({
     filename: 'sourcemap/[file].map',
     // publicPath: '..',//resource_path_relative,
@@ -475,7 +482,7 @@ if(cssSplitMode){
 // }
 ///////////// SPA-RENDER-END ///////////////
 
-module.exports = {
+const config={
   mode: devMode ? 'development' : 'production',
   devtool:false,
   devServer: {
@@ -514,3 +521,14 @@ module.exports = {
   optimization: optimization,
   plugins: plugins,
 };
+
+if(CLI_CONFIG?.cache){
+  config.cache = CLI_CONFIG.cache;
+}
+if(devServer?.hot != undefined){
+  config.devServer.hot = devServer.hot;
+}
+warn(`=====================webpack config=========================`);
+console.log(config)
+warn(`=====================webpack config end=========================`);
+module.exports = config;

package/package.json

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

package/templates/template_admin/.vscode/settings.json

@@ -1,9 +1,28 @@
 {
   "editor.tabSize": 2,
+  "editor.indentSize": "tabSize",
   "files.exclude": {
     "**/node_modules": true,
   },
   "search.exclude": {
     "**/release": true,
-  }
+  },
+  // 控制折行的方式
+  "editor.wordWrap": "off",
+  // 控制树缩进(以像素为单位)。
+  "workbench.tree.indent": 16,
+  // jsx中使用单引号
+  "prettier.jsxSingleQuote": true,
+  // 代码块的开和闭合处会有一条引导线连接起来
+  "editor.guides.bracketPairs": true,
+  // 右侧缩略图宽度
+  "editor.minimap.maxColumn": 60,
+  // 滚轮缩放字体
+  "editor.mouseWheelZoom": true,
+  // 控制编辑器是否可以滚动到最后一行之后。
+  "editor.scrollBeyondLastLine": false,
+    // 代码可折叠的情况下，折叠符号一直展示
+  "editor.showFoldingControls": "always",
+  "workbench.list.smoothScrolling": true,
+  "workbench.tree.renderIndentGuides": "always",
 }

package/templates/template_app/.vscode/settings.json

@@ -1,9 +1,28 @@
 {
   "editor.tabSize": 2,
+  "editor.indentSize": "tabSize",
   "files.exclude": {
     "**/node_modules": true,
   },
   "search.exclude": {
     "**/release": true,
-  }
+  },
+  // 控制折行的方式
+  "editor.wordWrap": "off",
+  // 控制树缩进(以像素为单位)。
+  "workbench.tree.indent": 16,
+  // jsx中使用单引号
+  "prettier.jsxSingleQuote": true,
+  // 代码块的开和闭合处会有一条引导线连接起来
+  "editor.guides.bracketPairs": true,
+  // 右侧缩略图宽度
+  "editor.minimap.maxColumn": 60,
+  // 滚轮缩放字体
+  "editor.mouseWheelZoom": true,
+  // 控制编辑器是否可以滚动到最后一行之后。
+  "editor.scrollBeyondLastLine": false,
+    // 代码可折叠的情况下，折叠符号一直展示
+  "editor.showFoldingControls": "always",
+  "workbench.list.smoothScrolling": true,
+  "workbench.tree.renderIndentGuides": "always",
 }

package/templates/template_oa/.vscode/settings.json

@@ -1,9 +1,28 @@
 {
   "editor.tabSize": 2,
+  "editor.indentSize": "tabSize",
   "files.exclude": {
     "**/node_modules": true,
   },
   "search.exclude": {
     "**/release": true,
-  }
+  },
+  // 控制折行的方式
+  "editor.wordWrap": "off",
+  // 控制树缩进(以像素为单位)。
+  "workbench.tree.indent": 16,
+  // jsx中使用单引号
+  "prettier.jsxSingleQuote": true,
+  // 代码块的开和闭合处会有一条引导线连接起来
+  "editor.guides.bracketPairs": true,
+  // 右侧缩略图宽度
+  "editor.minimap.maxColumn": 60,
+  // 滚轮缩放字体
+  "editor.mouseWheelZoom": true,
+  // 控制编辑器是否可以滚动到最后一行之后。
+  "editor.scrollBeyondLastLine": false,
+    // 代码可折叠的情况下，折叠符号一直展示
+  "editor.showFoldingControls": "always",
+  "workbench.list.smoothScrolling": true,
+  "workbench.tree.renderIndentGuides": "always",
 }

package/templates/template_oa_jwt/.vscode/settings.json

@@ -1,9 +1,28 @@
 {
   "editor.tabSize": 2,
+  "editor.indentSize": "tabSize",
   "files.exclude": {
     "**/node_modules": true,
   },
   "search.exclude": {
     "**/release": true,
-  }
+  },
+  // 控制折行的方式
+  "editor.wordWrap": "off",
+  // 控制树缩进(以像素为单位)。
+  "workbench.tree.indent": 16,
+  // jsx中使用单引号
+  "prettier.jsxSingleQuote": true,
+  // 代码块的开和闭合处会有一条引导线连接起来
+  "editor.guides.bracketPairs": true,
+  // 右侧缩略图宽度
+  "editor.minimap.maxColumn": 60,
+  // 滚轮缩放字体
+  "editor.mouseWheelZoom": true,
+  // 控制编辑器是否可以滚动到最后一行之后。
+  "editor.scrollBeyondLastLine": false,
+    // 代码可折叠的情况下，折叠符号一直展示
+  "editor.showFoldingControls": "always",
+  "workbench.list.smoothScrolling": true,
+  "workbench.tree.renderIndentGuides": "always",
 }

package/templates/template_offcial/.vscode/settings.json

@@ -1,9 +1,28 @@
 {
   "editor.tabSize": 2,
+  "editor.indentSize": "tabSize",
   "files.exclude": {
     "**/node_modules": true,
   },
   "search.exclude": {
     "**/release": true,
-  }
+  },
+  // 控制折行的方式
+  "editor.wordWrap": "off",
+  // 控制树缩进(以像素为单位)。
+  "workbench.tree.indent": 16,
+  // jsx中使用单引号
+  "prettier.jsxSingleQuote": true,
+  // 代码块的开和闭合处会有一条引导线连接起来
+  "editor.guides.bracketPairs": true,
+  // 右侧缩略图宽度
+  "editor.minimap.maxColumn": 60,
+  // 滚轮缩放字体
+  "editor.mouseWheelZoom": true,
+  // 控制编辑器是否可以滚动到最后一行之后。
+  "editor.scrollBeyondLastLine": false,
+    // 代码可折叠的情况下，折叠符号一直展示
+  "editor.showFoldingControls": "always",
+  "workbench.list.smoothScrolling": true,
+  "workbench.tree.renderIndentGuides": "always",
 }