js/webpack.config.js at main · makeabilitylab/js · 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
const path = require('path');

module.exports = {
    entry: './src/lib/index.js', // Adjust this path to your main entry file
    resolve: {
      alias: {
        '@lib': path.resolve(__dirname, 'src/lib'),
        '@graphicslib': path.resolve(__dirname, 'src/lib/graphics'),
        '@mathlib': path.resolve(__dirname, 'src/lib/math'),
        '@apps': path.resolve(__dirname, 'src/apps'),
        '@dist': path.resolve(__dirname, 'dist')
      },
    },
    output: {
        path: path.resolve(__dirname, 'dist'), // Output directory
        filename: 'makelab.bundle.js', // Output file names
        // library: {
        //   name: "makelab",
        //   type: "umd",
        // },
        // globalObject: 'this',
    },
    mode: 'development',
    //mode: 'production',
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['@babel/preset-env']
            }
          }
        }
      ]
    },
    devServer: {
      static: [
        {
            directory: path.join(__dirname, 'src/apps'),
            publicPath: '/apps',
        },
        {
            directory: path.join(__dirname, 'dist'),
            publicPath: '/dist',
        }
      ],
      compress: true,
      port: 9000,
      open: true,
      hot: true,
    },
};