solid-panes/webpack.dev.config.mjs at main · SolidOS/solid-panes · 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
import HtmlWebpackPlugin from 'html-webpack-plugin'
import NodePolyfillPlugin from 'node-polyfill-webpack-plugin'

export default [
  {
    mode: 'development',
    entry: './dev/loader.ts',
    plugins: [
      new HtmlWebpackPlugin({ template: './dev/index.html' }),
      new NodePolyfillPlugin()
    ],
    externals: {
      rdflib: '$rdf',
      $rdf: '$rdf',
      'solid-logic': 'SolidLogic',
      SolidLogic: 'SolidLogic',
      'solid-ui': 'UI',
      UI: 'UI'
    },
    resolve: {
      extensions: ['.mjs', '.js', '.ts']
    },
    module: {
      rules: [
        {
          test: /\.(mjs|js)$/,
          exclude: /(node_modules)/,
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['@babel/preset-env'],
            },
          }
        },
        {
          test: /\.ts$/,
          exclude: /node_modules/,
          use: {
            loader: 'ts-loader',
            options: {
              configFile: 'tsconfig.dev.json'
            }
          },
        },
        {
          test: /\.css$/i,
          use: ['style-loader', 'css-loader']
        },
        {
          test: /\.ttl$/,
          use: 'raw-loader'
        }
      ]
    },
    devServer: {
      static: [
        './dev',
        {
          directory: './node_modules',
          publicPath: '/node_modules'
        }
      ],
      compress: true,
      port: 9001,
      headers: {
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
        'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization'
      }
    },
    devtool: 'source-map'
  }]