huan-simple-html 1.0.1 → 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/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.0",
   "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",
@@ -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