simpleshell/webpack.rules.js at master · funkpopo/simpleshell · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
module.exports = [
  // Add support for native node modules
  {
    // We're specifying native_modules in the test because the asset relocator loader generates a
    // "fake" .node file which is really a cjs file.
    test: /native_modules[/\\].+\.node$/,
    use: "node-loader",
  },
  {
    test: /[/\\]node_modules[/\\].+\.(m?js|node)$/,
    exclude: /[/\\]node_modules[/\\]pdfjs-dist[/\\]/,
    parser: { amd: false },
    use: {
      loader: "@vercel/webpack-asset-relocator-loader",
      options: {
        outputAssetBase: "native_modules",
      },
    },
  },
  // 特殊处理 pdfjs-dist 的 ES 模块，避免 asset-relocator-loader 错误
  {
    test: /[/\\]node_modules[/\\]pdfjs-dist[/\\].+\.mjs$/,
    exclude: /pdf\.worker\./,
    type: "javascript/auto",
    resolve: {
      fullySpecified: false,
    },
  },
  // 将 PDF worker 文件作为资源文件处理
  {
    test: /[/\\]node_modules[/\\]pdfjs-dist[/\\]build[/\\]pdf\.worker\.min\.mjs$/,
    type: "asset/resource",
    generator: {
      filename: "pdf.worker.min.mjs",
    },
  },
  // 添加图标和其他资源文件的支持
  {
    test: /\.(ico|png|jpe?g|gif|svg)$/i,
    type: "asset/resource",
  },
  // 添加字体文件的支持
  {
    test: /\.(woff|woff2|eot|ttf|otf)$/i,
    type: "asset/resource",
    generator: {
      filename: "fonts/[name].[hash][ext]",
    },
  },
  {
    test: /\.jsx?$/,
    use: {
      loader: "babel-loader",
      options: {
        exclude: /node_modules/,
        presets: [
          [
            "@babel/preset-react",
            {
              runtime: "automatic",
              development: process.env.NODE_ENV === "development",
            },
          ],
        ],
        plugins: [
          // 配置 Material-UI 图标按需导入
          [
            "import",
            {
              libraryName: "@mui/icons-material",
              libraryDirectory: "",
              camel2DashComponentName: false,
            },
            "core",
          ],
        ],
        // 解决大文件优化警告
        compact: false,
        // 启用缓存提升构建性能
        cacheDirectory: true,
        cacheCompression: false,
        // 配置环境变量
        envName: process.env.NODE_ENV || "development",
      },
    },
  },
];