chain-js-plugin-eos/webpack.config.js at master · Open-Rights-Exchange/chain-js-plugin-eos · 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
114
115
116
117
118
119
120
121
122
/* eslint-disable no-console */
/* eslint-disable import/no-extraneous-dependencies */
/* eslint-disable no-param-reassign */
require('dotenv').config()
const path = require('path')
const webpack = require('webpack')

const isProduction = process.env.NODE_ENV === 'production'
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')

module.exports = () => {
  const localChainjsAliasProjectReferences = () => {
    if (process.env.use_local_chainjs_code_NOT_npm === 'true') {
      return true
    }
    return false
  }

  const baseConfig = {
    entry: './src/index.ts',
    module: {
      rules: [
        {
          test: /\.(ts|tsx)$/i,
          loader: 'ts-loader',
          options: {
            projectReferences: localChainjsAliasProjectReferences(),
            configFile: 'tsconfig-mjs-local.json',
          },
          exclude: ['/node_modules/'],
        },
        {
          test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
          type: 'asset',
        },
      ],
    },
    resolve: {
      extensions: ['.tsx', '.ts', '.js'],
      alias: {
        '@open-rights-exchange/chain-js': path.resolve(__dirname, '../chain-js/dist/src'),
      },
    },
    plugins: [],
  }

  // const serverConfig = {
  //   target: 'node',
  //   output: {
  //     path: path.resolve(__dirname, 'dist'),
  //     filename: 'lib.node.js',
  //   },
  //   entry: baseConfig.entry,
  //   module: baseConfig.module,
  //   plugins: baseConfig.plugins,
  //   resolve: {
  //     extensions: baseConfig.resolve.extensions,
  //   },
  // }

  const clientConfig = {
    target: 'web', // <=== can be omitted as default is 'web'
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'chain-js-plugin-eos-umd.js',
      library: {
        name: 'chain_js_plugin_eos',
        type: 'umd',
      },
    },
    entry: baseConfig.entry,
    module: baseConfig.module,
    plugins: baseConfig.plugins,
    resolve: {
      extensions: baseConfig.resolve.extensions,
      fallback: {
        buffer: require.resolve('buffer/'),
        crypto: require.resolve('crypto-browserify'),
        stream: require.resolve('stream-browserify'),
        path: false,
        util: false,
        assert: false,
      },
    },
    externals: {
      '@open-rights-exchange/chain-js': 'chain_js',
    },
  }

  const devProd = tempConfig => {
    if (isProduction) {
      tempConfig.mode = 'production'
    } else {
      tempConfig.mode = 'development'
      tempConfig.optimization = {
        usedExports: true,
        innerGraph: true,
        sideEffects: true,
      }
      tempConfig.devtool = false
      tempConfig.plugins = [new BundleAnalyzerPlugin({ analyzerPort: 5000 })]
    }
    return tempConfig
  }

  const finalClientConfig = devProd(clientConfig)

  // Add the buffer plugin when we're doing a UMD build.
  finalClientConfig.plugins.push(
    new webpack.ProvidePlugin({
      Buffer: ['buffer', 'Buffer'],
    }),
  )

  finalClientConfig.plugins.push(
    new webpack.ProvidePlugin({
      process: 'process/browser',
    }),
  )

  return finalClientConfig
}