stat.ink/webpack.config.js at dev · fetus-hina/stat.ink · 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
const path = require('path');

function isFileExists(path) {
  const fs = require('fs');
  try {
    fs.statSync(path);
    return true;
  } catch (err) {
    if (err.code === 'ENOENT') {
      return false;
    } else {
      throw err;
    }
  }
};

const mode = isFileExists(path.resolve(__dirname, '.production')) ? 'production' : 'development';
const forceAnalyze = false;

module.exports = {
  mode: mode,
  entry: {
    'counter-app.js': './resources/react/counter-app.tsx',
    'index-app.js': './resources/react/index-app.tsx',
  },
  output: {
    path: path.resolve(__dirname, 'resources', '.compiled', 'react'),
    filename: '[name]',
  },
  resolve: {
    extensions: ['.tsx', '.ts', '.js'],
  },
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: {
          loader: 'ts-loader',
          options: {
            configFile: path.resolve(__dirname, 'tsconfig.react.json'),
          },
        },
        exclude: /node_modules/,
      },
      {
        test: /\.module\.css$/,
        use: [
          {
            loader: 'style-loader',
            options: {
              esModule: false,
            },
          },
          {
            loader: 'css-loader',
            options: {
              esModule: false,
              modules: {
                namedExport: false,
                exportLocalsConvention: 'as-is',
                localIdentName: mode === 'production'
                  ? '[hash:base64:8]'
                  : '[name]__[local]--[hash:base64:5]',
              },
            },
          },
        ],
      },
    ],
  },
  plugins: [],
};