huan-simple-html 1.0.1 → 1.1.1

package/.eslintrc.cjs

@@ -11,6 +11,7 @@ module.exports = {
     es6: true
   },
   parserOptions: {
+    ecmaVersion: 11,
     sourceType: 'module'
   },
   extends: ['prettier', 'eslint:recommended', 'plugin:prettier/recommended'],

package/.npmignore

@@ -9,8 +9,13 @@ lerna-debug.log*
 
 # Node
 node_modules
-huan-simple-html-1.0.0.tgz
 .npmrc
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+
+# Pack
+huan-*.tgz
 
 # Build
 dist

package/babel_config.js

@@ -0,0 +1,36 @@
+const config = {
+  presets: [
+    [
+      '@babel/preset-env', // 使用 @babel/preset-env 转换语法
+      {
+        // 目标环境配置，根据需要调整
+        targets: {
+          browsers: [
+            // 你可以指定具体的浏览器版本，例如：
+            // "last 2 versions",
+            // ">= 1%",
+            // "Chrome >= 49",
+            // "Firefox >= 45",
+            // 或使用 "defaults" 自动选择一组常见的浏览器版本
+            'defaults'
+          ]
+        },
+        // 启用或禁用模块转换
+        modules: false, // 或 "auto" / "commonjs"
+
+        // 可选：按需加载 polyfills
+        useBuiltIns: 'usage', // 根据代码实际使用情况自动引入 polyfills
+        corejs: 3 // 如果使用按需加载，需要指定 core-js 的版本
+
+        // 可选：包含或排除特定的 transforms
+        // exclude: ['transform-regenerator'], // 例如，排除 regenerator 转换
+        // include: ['@babel/plugin-proposal-class-properties'], // 或者包含额外的提案特性
+      }
+    ]
+  ],
+
+  // 可选：包含全局的 Babel 插件
+  plugins: []
+}
+
+export default config

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "huan-simple-html",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "一个简单的HTML项目，通过Webpack进行打包。请尽量使用pnpm处理此包。更多细节请查看\"README.md\"",
   "keywords": [
     "html",
@@ -25,7 +25,11 @@
     "pnpm": ">=8"
   },
   "devDependencies": {
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "babel-loader": "^9.2.1",
     "copy-webpack-plugin": "^12.0.2",
+    "core-js": "3",
     "css-loader": "^7.1.2",
     "eslint": "^8.38.0",
     "eslint-config-prettier": "^8.8.0",
@@ -34,6 +38,7 @@
     "file-loader": "^6.2.0",
     "html-loader": "^5.1.0",
     "html-webpack-plugin": "^5.6.3",
+    "huan-file-tool": "^1.0.5",
     "jquery": "^3.7.1",
     "mini-css-extract-plugin": "^2.9.2",
     "normalize.css": "^8.0.1",
@@ -48,10 +53,10 @@
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.2.0"
   },
-  "dependencies": {},
   "scripts": {
-    "lint": "eslint --ext .js,.mjs,.cjs,.ts --fix .",
-    "lint:debug": "eslint --ext .js,.mjs,.cjs,.ts --debug --fix .",
+    "init": "npx pnpm install",
+    "lint": "eslint --ext .js,.mjs,.cjs --fix .",
+    "lint:debug": "eslint --ext .js,.mjs,.cjs --debug --fix .",
     "dev": "npx webpack server --config webpack_config_dev.js",
     "build:dev": "npx webpack --config webpack_config_dev.js",
     "build:dev:run": "npx pnpm build:dev && npx pnpm dev",
@@ -60,6 +65,9 @@
     "build:prod:run": "npx pnpm build:prod && npx pnpm prod",
     "github": "npx webpack server --config webpack_config_github.js",
     "build:github": "npx webpack --config webpack_config_github.js && node github-page/cname.js",
-    "build:github:run": "npx pnpm build:github && npx pnpm github"
+    "pack": "npx pnpm run init && npx pnpm run lint && npx pnpm pack",
+    "build:github:run": "npx pnpm build:github && npx pnpm github",
+    "login:npmjs": "npx pnpm login --registry=https://registry.npmjs.org",
+    "publish:npmjs": "npx pnpm publish --registry=https://registry.npmjs.org"
   }
 }

package/src/common.js

@@ -1,6 +1,6 @@
 // 清理状态
 import 'normalize.css'
-import jQuery from 'jquery';
+import jQuery from 'jquery'
 
 import Logo from './assets/image/logo.png'
 import WangAn from './assets/image/wangan.png'
@@ -20,5 +20,5 @@ window.WangAn = WangAn
 window.SongZihuan = SongZihuan
 window.LogoBig = LogoBin
 
-window.jQuery = jQuery;
-window.$ = jQuery;
+window.jQuery = jQuery
+window.$ = jQuery

package/webpack_config_dev.js

@@ -1,19 +1,21 @@
-import path from "path"
-import HtmlWebpackPlugin from "html-webpack-plugin";
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import CopyWebpackPlugin from "copy-webpack-plugin"
-import filetool from './src/utils/file.js'
-import { fileURLToPath } from 'url';
+import path from 'path'
+import HtmlWebpackPlugin from 'html-webpack-plugin'
+import MiniCssExtractPlugin from 'mini-css-extract-plugin'
+import CopyWebpackPlugin from 'copy-webpack-plugin'
+import filetool from 'huan-file-tool'
+import { fileURLToPath } from 'url'
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 const mode = 'development'
 const dist_name = 'dist-dev'
 
 const HTMMLPlugin = []
 
-const { localPathResult: AllHTMLLocalFile4xx } = filetool.getAllFilePaths(path.resolve(__dirname, 'src/html/error/4xx'))
+const { localPathResult: AllHTMLLocalFile4xx } = filetool.filewaalk.getAllFilePaths(
+  path.resolve(__dirname, 'src/html/error/4xx')
+)
 AllHTMLLocalFile4xx.forEach((filePath) => {
   if (!filePath.endsWith('.html')) {
     return
@@ -56,7 +58,9 @@ AllHTMLLocalFile4xx.forEach((filePath) => {
   )
 })
 
-const { localPathResult: AllHTMLLocalFile5xx } = filetool.getAllFilePaths(path.resolve(__dirname, 'src/html/error/5xx'))
+const { localPathResult: AllHTMLLocalFile5xx } = filetool.filewaalk.getAllFilePaths(
+  path.resolve(__dirname, 'src/html/error/5xx')
+)
 AllHTMLLocalFile5xx.forEach((filePath) => {
   if (!filePath.endsWith('.html')) {
     return
@@ -86,7 +90,7 @@ AllHTMLLocalFile5xx.forEach((filePath) => {
   )
 })
 
-const config =  {
+const config = {
   mode: mode,
 
   context: __dirname,
@@ -126,6 +130,13 @@ const config =  {
 
   module: {
     rules: [
+      {
+        test: /\.(js|mjs|cjs)$/,
+        exclude: /(node_modules|bower_components)/,
+        use: {
+          loader: 'babel-loader'
+        }
+      },
       {
         test: /\.(css|scss|sass)$/,
         use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'sass-loader']

package/webpack_config_github.js

@@ -1,13 +1,13 @@
-import path from "path"
-import HtmlWebpackPlugin from "html-webpack-plugin";
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import CopyWebpackPlugin from "copy-webpack-plugin"
-import TerserPlugin from 'terser-webpack-plugin';
-import filetool from './src/utils/file.js'
-import { fileURLToPath } from 'url';
+import path from 'path'
+import HtmlWebpackPlugin from 'html-webpack-plugin'
+import MiniCssExtractPlugin from 'mini-css-extract-plugin'
+import CopyWebpackPlugin from 'copy-webpack-plugin'
+import TerserPlugin from 'terser-webpack-plugin'
+import filetool from 'huan-file-tool'
+import { fileURLToPath } from 'url'
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 const mode = 'production'
 const dist_name = 'docs'
@@ -27,7 +27,9 @@ const html_minify = {
 
 const HTMMLPlugin = []
 
-const { localPathResult: AllHTMLLocalFile4xx } = filetool.getAllFilePaths(path.resolve(__dirname, 'src/html/error/4xx'))
+const { localPathResult: AllHTMLLocalFile4xx } = filetool.filewaalk.getAllFilePaths(
+  path.resolve(__dirname, 'src/html/error/4xx')
+)
 AllHTMLLocalFile4xx.forEach((filePath) => {
   if (!filePath.endsWith('.html')) {
     return
@@ -70,7 +72,9 @@ AllHTMLLocalFile4xx.forEach((filePath) => {
   )
 })
 
-const { localPathResult: AllHTMLLocalFile5xx } = filetool.getAllFilePaths(path.resolve(__dirname, 'src/html/error/5xx'))
+const { localPathResult: AllHTMLLocalFile5xx } = filetool.filewaalk.getAllFilePaths(
+  path.resolve(__dirname, 'src/html/error/5xx')
+)
 AllHTMLLocalFile5xx.forEach((filePath) => {
   if (!filePath.endsWith('.html')) {
     return
@@ -154,6 +158,13 @@ const config = {
 
   module: {
     rules: [
+      {
+        test: /\.(js|mjs|cjs)$/,
+        exclude: /(node_modules|bower_components)/,
+        use: {
+          loader: 'babel-loader'
+        }
+      },
       {
         test: /\.(css|scss|sass)$/,
         use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'sass-loader']
@@ -203,7 +214,7 @@ const config = {
       {
         test: /\.html$/i,
         loader: 'html-loader'
-      },
+      }
     ]
   },
 
@@ -290,4 +301,4 @@ const config = {
   }
 }
 
-export default config
+export default config

package/webpack_config_prod.js

@@ -1,12 +1,12 @@
-import path from "path"
-import HtmlWebpackPlugin from "html-webpack-plugin";
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import CopyWebpackPlugin from "copy-webpack-plugin"
-import filetool from './src/utils/file.js'
-import { fileURLToPath } from 'url';
+import path from 'path'
+import HtmlWebpackPlugin from 'html-webpack-plugin'
+import MiniCssExtractPlugin from 'mini-css-extract-plugin'
+import CopyWebpackPlugin from 'copy-webpack-plugin'
+import filetool from 'huan-file-tool'
+import { fileURLToPath } from 'url'
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 const mode = 'production'
 const dist_name = 'dist-prod'
@@ -26,7 +26,9 @@ const html_minify = {
 
 const HTMMLPlugin = []
 
-const { localPathResult: AllHTMLLocalFile4xx } = filetool.getAllFilePaths(path.resolve(__dirname, 'src/html/error/4xx'))
+const { localPathResult: AllHTMLLocalFile4xx } = filetool.filewaalk.getAllFilePaths(
+  path.resolve(__dirname, 'src/html/error/4xx')
+)
 AllHTMLLocalFile4xx.forEach((filePath) => {
   if (!filePath.endsWith('.html')) {
     return
@@ -69,7 +71,9 @@ AllHTMLLocalFile4xx.forEach((filePath) => {
   )
 })
 
-const { localPathResult: AllHTMLLocalFile5xx } = filetool.getAllFilePaths(path.resolve(__dirname, 'src/html/error/5xx'))
+const { localPathResult: AllHTMLLocalFile5xx } = filetool.filewaalk.getAllFilePaths(
+  path.resolve(__dirname, 'src/html/error/5xx')
+)
 AllHTMLLocalFile5xx.forEach((filePath) => {
   if (!filePath.endsWith('.html')) {
     return
@@ -139,6 +143,13 @@ const config = {
 
   module: {
     rules: [
+      {
+        test: /\.(js|mjs|cjs)$/,
+        exclude: /(node_modules|bower_components)/,
+        use: {
+          loader: 'babel-loader'
+        }
+      },
       {
         test: /\.(css|scss|sass)$/,
         use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'sass-loader']
@@ -275,4 +286,4 @@ const config = {
   }
 }
 
-export default config
+export default config

package/src/utils/file.js

@@ -1,45 +0,0 @@
-import path from "path"
-import fs from "fs"
-
-export default {
-  getAllFilePaths
-}
-
-export function getAllFilePaths(dir) {
-  return _getAllFilePaths(dir, './', 5)
-}
-
-function _getAllFilePaths(filePath, localpath, deep) {
-  if (deep === 0) {
-    return [], []
-  }
-
-  let filePathResult = []
-  let localPathResult = []
-
-  // 读取目录中的所有文件和子目录
-  fs.readdirSync(filePath).forEach(function (file) {
-    const newFilePath = path.join(filePath, file)
-    const newLocalPath = path.join(localpath, file)
-
-    // 如果是目录，则递归读取该目录下的文件
-    if (fs.statSync(newFilePath).isDirectory()) {
-      const { filePathResult: _filrPath, localPathResult: _localPath } = _getAllFilePaths(
-        newFilePath,
-        newLocalPath,
-        deep - 1
-      )
-      filePathResult = filePathResult.concat(_filrPath)
-      localPathResult = localPathResult.concat(_localPath)
-    } else {
-      // 如果是文件，则直接加入结果数组
-      filePathResult.push(newFilePath)
-      localPathResult.push(newLocalPath)
-    }
-  })
-
-  return {
-    filePathResult,
-    localPathResult
-  }
-}