huan-simple-html 1.0.0

package/src/index.js

@@ -0,0 +1 @@
+import '/src/style/index/index.css'

package/src/license.js

@@ -0,0 +1 @@
+import '/src/style/index/license.css'

package/src/mitorg.js

@@ -0,0 +1 @@
+import '/src/style/index/mitorg.css'

package/src/new.js

@@ -0,0 +1 @@
+import '/src/style/index/new.css'

package/src/signal.js

@@ -0,0 +1 @@
+// 空白，无任何引入

package/src/style/error/404.css

@@ -0,0 +1,31 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding-top: 50px;
+    background-color: #f8f8f8;
+}
+
+h1 {
+    font-size: 7em;
+    margin-bottom: 0.5em;
+    color: #cc0000;
+}
+
+h2 {
+    font-size: 2em;
+    color: #666;
+}
+
+p {
+    font-size: 1.2em;
+    color: #333;
+}
+
+a {
+    color: #007bff;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}

package/src/style/error/4xx.css

@@ -0,0 +1,17 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding-top: 50px;
+    background-color: #f8f9fa;
+}
+
+h1 {
+    font-size: 4em;
+    margin-bottom: 10px;
+    color: #dc3545;
+}
+
+p {
+    font-size: 1.5em;
+    color: #6c757d;
+}

package/src/style/error/5xx.css

@@ -0,0 +1,15 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    margin-top: 50px;
+}
+
+h1 {
+    font-size: 3em;
+    color: #990000;
+}
+
+p {
+    font-size: 1.5em;
+    color: #666;
+}

package/src/style/index/index.css

@@ -0,0 +1,26 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding-top: 50px;
+    background-color: #f0f0f0;
+}
+
+h1 {
+    color: #333;
+    margin-bottom: 20px;
+}
+
+a {
+    color: #007BFF;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+a:hover {
+    color: #0056b3;
+}
+
+p {
+    color: #666;
+    line-height: 1.5;
+}

package/src/style/index/license.css

@@ -0,0 +1,4 @@
+    #license-content {
+        white-space: pre-wrap;
+        width: 80ch;
+    }

package/src/style/index/mitorg.css

@@ -0,0 +1,106 @@
+@import url(https://fonts.googleapis.com/css?family=Inconsolata);html {
+    background: #eee
+}
+
+body {
+    margin: 0;
+    font-family: Inconsolata,"DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
+    font-size: 1.2em;
+    line-height: 1.2em
+}
+
+article,footer {
+    display: block;
+    min-width: 360px;
+    max-width: 900px;
+    width: 80%
+}
+
+article {
+    margin: 2.5em auto 0 auto;
+    border: 1px solid;
+    border-color: #ddd #aaa #aaa #ddd;
+    padding: 2em;
+    background: #fff
+}
+
+h1 {
+    margin-top: 0
+}
+
+article p:first-of-type {
+    margin-top: 1.6em
+}
+
+article p:last-child {
+    margin-bottom: 0
+}
+
+footer {
+    margin: 0 auto 2em auto;
+    text-align: center
+}
+
+footer a {
+    color: #666;
+    text-shadow: 0 1px 1px #fff;
+    text-decoration: none;
+    font-size: .8em;
+    padding: 1em
+}
+
+footer a:focus,footer a:hover {
+    color: #111
+}
+
+h1 {
+    font-weight: 400;
+    display: inline;
+    border-bottom: 1px solid #000;
+    padding: 0 0 3px 0;
+    line-height: 36px
+}
+
+a {
+    color: #2844fa;
+    text-decoration: none
+}
+
+a:focus,a:hover {
+    color: #1b29a4
+}
+
+a:active {
+    color: #000
+}
+
+:-moz-any-link:focus {
+    color: #000;
+    border: 0
+}
+
+::-moz-selection {
+    background: #ccc
+}
+
+::selection {
+    background: #ccc
+}
+
+#gravatar {
+    position: relative;
+    float: right;
+    margin-bottom: 1em;
+    margin-left: 1em;
+    border: 1px solid #ddd
+}
+
+@media all and (max-width: 500px) {
+    article {
+        padding:1em
+    }
+
+    body {
+        font-size: 1em
+    }
+}

package/src/style/index/new.css

@@ -0,0 +1,22 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding-top: 50px;
+    background-color: #f0f8ff;
+}
+
+h1 {
+    color: #007bff;
+    margin-bottom: 30px;
+}
+
+p {
+    font-size: 18px;
+    line-height: 1.5;
+}
+
+.success-icon {
+    font-size: 100px;
+    color: #4CAF50;
+    margin-bottom: 20px;
+}

package/src/utils/file.js

@@ -0,0 +1,45 @@
+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
+  }
+}

package/webpack_config_dev.js

@@ -0,0 +1,258 @@
+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';
+
+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'))
+AllHTMLLocalFile4xx.forEach((filePath) => {
+  if (!filePath.endsWith('.html')) {
+    return
+  }
+
+  if (filePath.includes('signal.html')) {
+    HTMMLPlugin.push(
+      new HtmlWebpackPlugin({
+        inject: 'body',
+        template: path.resolve(__dirname, 'src/html/error/4xx', filePath), //指定模板文件
+        filename: path.join('error/4xx', filePath),
+        chunks: ['signal'],
+        publicPath: '../../'
+      })
+    )
+    return
+  }
+
+  if (filePath.includes('400.html')) {
+    HTMMLPlugin.push(
+      new HtmlWebpackPlugin({
+        inject: 'body',
+        template: path.resolve(__dirname, 'src/html/error/4xx', filePath), //指定模板文件
+        filename: path.join('error/4xx', filePath),
+        chunks: ['common', 'err404'],
+        publicPath: '../../'
+      })
+    )
+    return
+  }
+
+  HTMMLPlugin.push(
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src/html/error/4xx', filePath), //指定模板文件
+      filename: path.join('error/4xx', filePath),
+      chunks: ['common', 'err4xx'],
+      publicPath: '../../'
+    })
+  )
+})
+
+const { localPathResult: AllHTMLLocalFile5xx } = filetool.getAllFilePaths(path.resolve(__dirname, 'src/html/error/5xx'))
+AllHTMLLocalFile5xx.forEach((filePath) => {
+  if (!filePath.endsWith('.html')) {
+    return
+  }
+
+  if (filePath.includes('signal.html')) {
+    HTMMLPlugin.push(
+      new HtmlWebpackPlugin({
+        inject: 'body',
+        template: path.resolve(__dirname, 'src/html/error/5xx', filePath), //指定模板文件
+        filename: path.join('error/5xx', filePath),
+        chunks: ['signal'],
+        publicPath: '../../'
+      })
+    )
+    return
+  }
+
+  HTMMLPlugin.push(
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src/html/error/5xx', filePath), //指定模板文件
+      filename: path.join('error/5xx', filePath),
+      chunks: ['common', 'err5xx'],
+      publicPath: '../../'
+    })
+  )
+})
+
+const config =  {
+  mode: mode,
+
+  context: __dirname,
+
+  performance: {
+    hints: 'warning', // 或者 'error'，取决于你希望如何处理超出限制的情况
+    maxAssetSize: 5000000, // 设置单个资源的最大尺寸，例如5MB
+    maxEntrypointSize: 10000000 // 设置入口起点的最大尺寸，例如10MB
+  },
+
+  entry: {
+    common: path.resolve(__dirname, 'src/common.js'),
+    index: path.resolve(__dirname, 'src/index.js'),
+    signal: path.resolve(__dirname, 'src/signal.js'),
+    new: path.resolve(__dirname, 'src/new.js'),
+    license: path.resolve(__dirname, 'src/license.js'),
+    mitorg: path.resolve(__dirname, 'src/mitorg.js'),
+    err4xx: path.resolve(__dirname, 'src/4xx.js'),
+    err404: path.resolve(__dirname, 'src/404.js'),
+    err5xx: path.resolve(__dirname, 'src/5xx.js')
+  },
+
+  output: {
+    path: path.resolve(__dirname, dist_name), //打包后的文件存放的地方
+    filename: 'js/[name].[fullhash].bundle.js', //打包后输出文件的文件名
+    chunkFilename: '[name].bundle.js',
+    clean: true,
+    charset: true,
+    publicPath: '/'
+  },
+
+  resolve: {
+    alias: {
+      '@': path.join(__dirname, 'src')
+    }
+  },
+
+  module: {
+    rules: [
+      {
+        test: /\.(css|scss|sass)$/,
+        use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'sass-loader']
+      },
+      {
+        test: /\.(png|jpg|jpeg|svg|gif)$/i,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              limit: 8192, // 8KB 以下的文件将被转换为 Data URL
+              fallback: 'file-loader',
+              outputPath: 'images', // 类似于 file-loader 的配置
+              name: '[name].[fullhash].[ext]'
+            }
+          }
+        ]
+      },
+      {
+        test: /\.(mp4|m4v|avi|mov|qt|wmv|mkv|flv|webm|mpeg|mpg|3gp|3g2)$/i,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              limit: 8192, // 8KB 以下的文件将被转换为 Data URL
+              fallback: 'file-loader',
+              outputPath: 'videos', // 类似于 file-loader 的配置
+              name: '[name].[fullhash].[ext]'
+            }
+          }
+        ]
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/i,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              limit: 8192, // 8KB 以下的文件将被转换为 Data URL
+              fallback: 'file-loader',
+              outputPath: 'fonts', // 类似于 file-loader 的配置
+              name: '[name].[fullhash].[ext]'
+            }
+          }
+        ]
+      },
+      {
+        test: /\.html$/i,
+        loader: 'html-loader'
+      }
+    ]
+  },
+
+  plugins: [
+    new CopyWebpackPlugin({
+      patterns: [
+        { from: 'public', to: './' },
+        { from: './config.json', to: './SH_CONFIG.json' },
+        { from: './LICENSE', to: './' },
+        { from: './LICENSE_CN', to: './' }
+      ]
+    }),
+    ...HTMMLPlugin,
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src', 'html', 'index.html'), //指定模板文件
+      filename: 'index.html',
+      chunks: ['common', 'index'],
+      publicPath: './'
+    }),
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src/html/LICENSE_US.html'), //指定模板文件
+      filename: 'LICENSE_US.html',
+      chunks: ['common', 'license'],
+      publicPath: './'
+    }),
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src/html/LICENSE_CN.html'), //指定模板文件
+      filename: 'LICENSE_CN.html',
+      chunks: ['common', 'license'],
+      publicPath: './'
+    }),
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src/html/mitorg.html'), //指定模板文件
+      filename: 'mitorg.html',
+      chunks: ['common', 'mitorg'],
+      publicPath: './'
+    }),
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src/html/index.new.signal.html'), //指定模板文件
+      filename: 'index.new.signal.html',
+      chunks: ['common', 'new', 'signal'], // 此signal要设置common
+      publicPath: './'
+    }),
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src/html/index.new.html'), //指定模板文件
+      filename: 'index.new.html',
+      chunks: ['common', 'new'],
+      publicPath: './'
+    }),
+    new HtmlWebpackPlugin({
+      inject: 'body',
+      template: path.resolve(__dirname, 'src/html/error/4xx/404.signal.html'), //指定模板文件
+      filename: '404.html',
+      chunks: ['common', 'signal'], // 该signal要设置common
+      publicPath: './'
+    }),
+    new MiniCssExtractPlugin({
+      filename: 'style/[name].[fullhash].bundle.css',
+      chunkFilename: 'css/[id].bundle.css'
+    })
+  ],
+
+  devServer: {
+    static: {
+      directory: path.join(__dirname, dist_name)
+    },
+    compress: true,
+    port: 1001,
+    open: true,
+    hot: true
+  }
+}
+
+export default config