style: 样式调整

2026-09-26 21:21:53 +08:00 · 2024-04-16 16:24:48 +08:00
parent e61f8bf041
commit 4cba932506
13 changed files with 822 additions and 14137 deletions
@@ -5,60 +5,65 @@ const CopyWebpackPlugin = require('copy-webpack-plugin');
 const webpack = require('webpack');

 module.exports = {
-    mode: 'development', // 设置模式为开发模式
-    entry: './src/index.jsx', // 指定入口文件
-    output: {
-        path: path.resolve(__dirname, 'build'), // 输出目录
-        filename: 'bundle.js', // 输出文件名
-    },
-    plugins: [
-        new webpack.DefinePlugin({
-            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
-            'process.env.BABEL_ENV': JSON.stringify(process.env.BABEL_ENV || 'development'),
-        }),
-        new HtmlWebpackPlugin({
-            template: './public/index.html',
-            filename: 'index.html'
-        }),
-        new CopyWebpackPlugin({
-            patterns: [
-                // copy public assets exclude index.html
-                {
-                    from: path.resolve(__dirname, 'public'),
-                    to: path.resolve(__dirname, 'build'),
-                    globOptions: {
-                        ignore: ['**/index.html']
-                    }
-                }
-            ]
-        })
-    ],
-    watch: true, // 开启实时监控
-    module: {
-        rules: [
-            {
-                test: /\.css$/, // 匹配所有的 css 文件
-                use: ['style-loader', 'css-loader'] // 对匹配到的文件使用这两个 loader
-            },
-            {
-                test: /\.tsx?$/, // 匹配TS和TSX文件
-                use: 'ts-loader',
-                exclude: /node_modules/,
-            },
-            {
-                test: /\.(js|jsx)$/, // 匹配JS和JSX文件
-                exclude: /node_modules/, // 排除node_modules目录
-                use: {
-                    loader: 'babel-loader',
-                    options: {
-                        presets: ['@babel/preset-env', '@babel/preset-react'] // 使用的babel预设
-                    }
-                }
-            }
-        ]
-    },
-    resolve: {
-        extensions: ['.tsx', '.ts', '.js', '.jsx'] // 解析扩展（确保能够解析JS和JSX文件）
-    },
-    devtool: 'inline-source-map', // 生成内联源映射，便于调试
-};
+  mode: 'development', // 设置模式为开发模式
+  entry: './src/index.jsx', // 指定入口文件
+  output: {
+    path: path.resolve(__dirname, 'build'), // 输出目录
+    filename: 'bundle.js', // 输出文件名
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
+      'process.env.BABEL_ENV': JSON.stringify(process.env.BABEL_ENV || 'development'),
+    }),
+    new HtmlWebpackPlugin({
+      template: './public/index.html',
+      filename: 'index.html'
+    }),
+    new CopyWebpackPlugin({
+      patterns: [
+        // copy public assets exclude index.html
+        {
+          from: path.resolve(__dirname, 'public'),
+          to: path.resolve(__dirname, 'build'),
+          globOptions: {
+            ignore: ['**/index.html']
+          }
+        }
+      ]
+    })
+  ],
+  watch: true, // 开启实时监控
+  module: {
+    rules: [
+      {
+        test: /\.css$/, // 匹配所有的 css 文件
+        use: ['style-loader', 'css-loader'] // 对匹配到的文件使用这两个 loader
+      },
+      {
+        test: /\.tsx?$/, // 匹配TS和TSX文件
+        use: 'ts-loader',
+        exclude: /node_modules/,
+      },
+      {
+        test: /\.(js|jsx)$/, // 匹配JS和JSX文件
+        exclude: /node_modules/, // 排除node_modules目录
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env', '@babel/preset-react'] // 使用的babel预设
+          }
+        }
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['.tsx', '.ts', '.js', '.jsx'], // 解析扩展（确保能够解析JS和JSX文件）
+    alias: {
+      '@assets': path.resolve(__dirname, './src/assets'),
+      '@components': path.resolve(__dirname, './src/components'),
+      '@network': path.resolve(__dirname, './src/network'),
+    }
+  },
+  devtool: 'inline-source-map', // 生成内联源映射，便于调试
+};