huan-simple-html 1.0.0 → 1.1.0

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/README.md

@@ -0,0 +1,30 @@
+# 简单的欢迎页面（SIMPLE-HTML）
+
+这是一个简单的欢迎页面，我使用了静态的HTML+CSS+JS进行编码。
+
+`index.new.html` 页面，可以作为你的默认建站页面。
+
+错误码页面在error文件夹下。
+
+注意：`.signal.html` 文件为内联样式之后的文件它可以作为一个单独的页面使用。
+
+注意：`.songzihuan.signal.html` 为添加作者个人样式的`signal.html文件`文件。
+
+## 作者信息
+作者：宋子桓（Song Zihuan）
+
+作者 Github：[github.com/SongZihuan](https://github.com/SongZihuan)
+
+作者主页：[song-zh.com](https://song-zh.com)
+
+作者邮箱：songzihuan@song-zh.com
+
+## 项目信息
+项目托管地址：[github.com/SongZihuan/simple-html](https://github.com/SongZihuan/simple-html)
+Github Page托管: [github.com/huan-simple-html/huan-simple-html.github.io](https://github.com/huan-simple-html/huan-simple-html.github.io)
+测试访问：[homepage.song-zh.com](https://homepage.song-zh.com/)
+
+最后更新时间：2025年1月22日。
+
+## 特别注意
+备注：以上README为作者原文。

package/README_EN.md

@@ -0,0 +1,30 @@
+# Simple Welcome Page (SIMPLE-HTML)
+
+This is a simple welcome page. I used static HTML+CSS+JS to code it.
+
+The `index.new.html` page can be used as your default website page.
+
+The error code page is in the error folder.
+
+Note: The `.signal.html` file is a file after the inline style. It can be used as a separate page.
+
+Note: `.songzihuan.signal.html` is the `signal.html file` file with the author's personal style added.
+
+## Author information
+Author: Song Zihuan
+
+Author Github: [github.com/SongZihuan](https://github.com/SongZihuan)
+
+Author homepage: [song-zh.com](https://song-zh.com)
+
+Author email: songzihuan@song-zh.com
+
+## Project information
+Project hosting address: [github.com/SongZihuan/simple-html](https://github.com/SongZihuan/simple-html)
+Github Page hosting: [github.com/huan-simple-html/huan-simple-html.github.io](https://github.com/huan-simple-html/huan-simple-html.github.io)
+Test access: [homepage.song-zh.com](https://homepage.song-zh.com/)
+
+Last updated: January 22, 2025.
+
+## Special Note
+Note: The above is the English translation of the author's [README.md](/README.md) (machine translation involved)

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,7 +1,7 @@
 {
   "name": "huan-simple-html",
-  "version": "1.0.0",
-  "description": "一个简单的HTML项目，通过Webpack进行打包。请尽量使用pnpm处理此包。更多细节请查看\"README\"",
+  "version": "1.1.0",
+  "description": "一个简单的HTML项目，通过Webpack进行打包。请尽量使用pnpm处理此包。更多细节请查看\"README.md\"",
   "keywords": [
     "html",
     "css",
@@ -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",
@@ -48,8 +52,8 @@
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.2.0"
   },
-  "dependencies": {},
   "scripts": {
+    "init": "npx pnpm install",
     "lint": "eslint --ext .js,.mjs,.cjs,.ts --fix .",
     "lint:debug": "eslint --ext .js,.mjs,.cjs,.ts --debug --fix .",
     "dev": "npx webpack server --config webpack_config_dev.js",
@@ -60,6 +64,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/src/utils/file.js

@@ -1,5 +1,5 @@
-import path from "path"
-import fs from "fs"
+import path from 'path'
+import fs from 'fs'
 
 export default {
   getAllFilePaths

package/webpack_config_dev.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 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 { 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'
@@ -86,7 +86,7 @@ AllHTMLLocalFile5xx.forEach((filePath) => {
   )
 })
 
-const config =  {
+const config = {
   mode: mode,
 
   context: __dirname,
@@ -126,6 +126,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 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 { 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'
@@ -154,6 +154,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 +210,7 @@ const config = {
       {
         test: /\.html$/i,
         loader: 'html-loader'
-      },
+      }
     ]
   },
 
@@ -290,4 +297,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 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 { 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'
@@ -139,6 +139,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 +282,4 @@ const config = {
   }
 }
 
-export default config
+export default config

package/README

@@ -1,19 +0,0 @@
-简单的欢迎页面（SIMPLE-HTML）
-===================================
-这是一个简单的欢迎页面，我使用了静态的HTML+CSS+JS进行编码。
-index.new.html页面，可以作为你的默认建站页面。
-错误码页面在error文件夹下。
-注意：`.signal.html` 文件为内联样式之后的文件它可以作为一个单独的页面使用。
-
-作者：宋子桓（Song Zihuan）
-作者 Github：https://github.com/SongZihuan
-作者主页：https://song-zh.com
-作者邮箱：songzihuan@song-zh.com
-
-项目托管地址：https://github.com/SongZihuan/simple-html
-Github Page托管: https://github.com/huan-simple-html/huan-simple-html.github.io
-测试访问：https://homepage.song-zh.com/
-
-最后更新时间：2025年1月19日。
-
-备注：以上README为作者原文。

package/README_EN

@@ -1,19 +0,0 @@
-Simple Welcome Page (SIMPLE-HTML)
-====================================
-This is a simple welcome page. I used static HTML+CSS+JS for coding.
-The index.new.html page can be used as your default website page.
-The error code page is in the error folder.
-Note: The `.signal.html` file is a file after inline style. It can be used as a separate page.
-
-Author: 宋子桓 (Song Zihuan)
-Author Github: https://github.com/SongZihuan
-Author homepage: https://song-zh.com
-Author email: songzihuan@song-zh.com
-
-Project hosting address: https://github.com/SongZihuan/simple-html
-Github Page hosting: https://github.com/huan-simple-html/huan-simple-html.github.io
-Test access: https://homepage.song-zh.com/
-
-Last updated: January 19, 2025.
-
-Note: The above text is machine translated.