sqlite-test/rspack.config.js at main · birchill/sqlite-test · 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
import rspack from '@rspack/core';
import * as path from 'node:path';
import * as url from 'node:url';
import { sveltePreprocess } from 'svelte-preprocess';

const mode = process.env.NODE_ENV || 'development';
const prod = mode === 'production';

/** @type {import('@rspack/cli').Configuration} */
const config = {
  context: url.fileURLToPath(new URL('./', import.meta.url)),
  entry: {
    main: './src/index.ts',
    storageSize: './src/storage-size.ts',
  },
  resolve: {
    extensions: ['.mjs', '.js', '.ts', '.svelte'],
    mainFields: ['svelte', 'browser', 'module', 'main'],
  },
  output: {
    clean: true,
    path: url.fileURLToPath(new URL('./public', import.meta.url)),
    filename: '[name].js',
    chunkFilename: '[name].[id].js',
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        exclude: /node_modules/,
        use: {
          loader: 'builtin:swc-loader',
          /** @type {import('@rspack/core').SwcLoaderOptions} */
          options: {
            sourceMaps: true,
            jsc: { parser: { syntax: 'typescript' }, target: 'es2022' },
          },
        },
        type: 'javascript/auto',
      },
      {
        test: /\.svelte$/,
        use: [
          {
            loader: 'svelte-loader',
            options: {
              compilerOptions: {
                dev: !prod,
              },
              emitCss: prod,
              hotReload: !prod,
              preprocess: sveltePreprocess({ sourceMap: !prod }),
            },
          },
        ],
      },
      {
        test: /\.css$/,
        use: [
          rspack.CssExtractRspackPlugin.loader,
          {
            loader: 'css-loader',
            options: {
              url: false,
            },
          },
        ],
      },
    ],
  },
  plugins: [
    new rspack.CopyRspackPlugin({
      patterns: [
        {
          from: '**/*',
          to: 'data/',
          context: url.fileURLToPath(new URL('./data', import.meta.url)),
          globOptions: {
            dot: true,
          },
        },
        {
          from: 'src/sqlite/sqlite3.wasm',
        },
        {
          from: 'src/wa-sqlite/wa-sqlite.wasm',
        },
      ],
    }),
    new rspack.HtmlRspackPlugin({
      template: './src/index.html',
      chunks: ['main'],
    }),
    new rspack.HtmlRspackPlugin({
      template: './src/storage-size.html',
      filename: 'storage-size.html',
      chunks: ['storageSize'],
    }),
    new rspack.CssExtractRspackPlugin({ filename: 'styles.css' }),
  ],
  devtool: prod ? 'hidden-source-map' : 'eval-source-map',
  devServer: {
    headers: {
      // This is needed to get high-performance timing
      'Cross-Origin-Opener-Policy': 'same-origin',
      'Cross-Origin-Embedder-Policy': 'require-corp',
    },
    hot: true,
    historyApiFallback: true,
  },
};

export default config;