code-snippets/webpack.config.js at main · swishs-client-mod-plugins/code-snippets · 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
/* The below code is licensed under MIT. */

const path = require('path');
const ExtractPlugin = require('mini-css-extract-plugin');

// ... why does this need to be a destructuring assignment????
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = ({ minify = false }) => {
  /**@type {import('webpack').Configuration} */
  return {
    mode: !!minify ? 'production' : 'development',
    devtool: 'eval-source-map',
    experiments: { outputModule: true },
    plugins: [new ExtractPlugin(), new CleanWebpackPlugin()],
    entry: {
      renderer: './src/renderer/index',
      'css.worker': 'monaco-editor/esm/vs/language/css/css.worker',
      'editor.worker': 'monaco-editor/esm/vs/editor/editor.worker',
      'ts.worker': 'monaco-editor/esm/vs/language/typescript/ts.worker',
    },
    output: {
      filename: '[name].js',
      library: { type: 'module' },
      chunkFilename: '[id].[contenthash:8].js',
      path: path.resolve(__dirname, 'dist'),
      sourceMapFilename: '[name].[contenthash:8].map',
    },
    module: {
      rules: [
        {
          test: /\.(m|c)?(j|t)sx?$/i,
          exclude: /(node_modules|bower_components)/,
          use: {
            loader: 'swc-loader',
            options: {
              sourceMaps: true,
              minify: !!minify,
              jsc: {
                parser: {
                  tsx: true,
                  syntax: 'typescript',
                  decorators: true
                },
                target: 'es2022'
              },
            }
          }
        },
        {
          test: /\.(?:s)?[ac]ss$/i,
          use: [
            ExtractPlugin.loader,
            'css-loader',
            'sass-loader'
          ]
        }
      ]
    },

    // resolve @ imports
    resolve: {
      extensions: [
        '.js',
        '.ts',
        '.jsx',
        '.mjs',
        '.cjs',
        '.svg',
        '.tsx',
        '.css',
        '.scss',
      ],
      alias: {
        '@modules': path.resolve(__dirname, './src/renderer/modules'),
        '@components': path.resolve(__dirname, './src/renderer/components'),
      }
    },
  };
};