react-native-global-state-hooks/webpack.config.js at master · johnny-quesada-developer/react-native-global-state-hooks · 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
123
124
125
126
127
128
129
130
131
132
/* eslint-disable no-undef */
/* eslint-disable @typescript-eslint/no-require-imports */
const path = require("path");
const TerserPlugin = require("terser-webpack-plugin");

const individualEntries = {
  // inherit from react-global-state-hooks
  createContext: "./src/createContext.ts",
  GlobalStore: "./src/GlobalStore.ts",
  createGlobalState: "./src/createGlobalState.ts",
  types: "./src/types.ts",
  isRecord: "./src/isRecord.ts",
  shallowCompare: "./src/shallowCompare.ts",
  throwWrongKeyOnActionCollectionConfig: "./src/throwWrongKeyOnActionCollectionConfig.ts",
  uniqueId: "./src/uniqueId.ts",

  // extras
  asyncStorageWrapper: "./src/asyncStorageWrapper.ts",
};

const generateExternalEntryMappings = () => {
  const keys = Object.keys(individualEntries);
  const fromEntries = keys.reduce((acc, key) => {
    acc[`./${key}`] = `./${key}.js`;
    return acc;
  }, {});

  const fromBasePackage = keys.reduce((acc, key) => {
    acc[`react-hooks-global-states/${key}`] = `react-hooks-global-states/${key}`;
    return acc;
  }, {});

  return {
    ...fromEntries,
    ...fromBasePackage,
  };
};

module.exports = {
  mode: "production",
  entry: {
    bundle: "./src/index.ts",
    ...individualEntries,
  },
  externals: {
    react: "react",
    "react-native": "react-native",
    "@react-native-async-storage/async-storage": "@react-native-async-storage/async-storage",

    // avoid bundle the base package
    "json-storage-formatter": "json-storage-formatter",
    "json-storage-formatter/clone": "json-storage-formatter/clone",
    "json-storage-formatter/isNil": "json-storage-formatter/isNil",
    "json-storage-formatter/isNumber": "json-storage-formatter/isNumber",
    "json-storage-formatter/isBoolean": "json-storage-formatter/isBoolean",
    "json-storage-formatter/isString": "json-storage-formatter/isString",
    "json-storage-formatter/isDate": "json-storage-formatter/isDate",
    "json-storage-formatter/isRegex": "json-storage-formatter/isRegex",
    "json-storage-formatter/isFunction": "json-storage-formatter/isFunction",
    "json-storage-formatter/isPrimitive": "json-storage-formatter/isPrimitive",
    "json-storage-formatter/types": "json-storage-formatter/types",
    "json-storage-formatter/formatFromStore": "json-storage-formatter/formatFromStore",
    "json-storage-formatter/formatToStore": "json-storage-formatter/formatToStore",

    "react-hooks-global-states": "react-hooks-global-states",

    ...generateExternalEntryMappings(),
  },
  output: {
    path: path.resolve(__dirname),
    filename: ({ chunk: { name } }) => {
      return `${name}.js`;
    },
    libraryTarget: "umd",
    library: "react-native-global-state-hooks",
    globalObject: "this",
  },
  resolve: {
    extensions: [".ts", ".js"],
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: [
          {
            loader: "babel-loader",
            options: {
              presets: ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"],
              plugins: [
                "@babel/plugin-transform-modules-commonjs",
                "@babel/plugin-proposal-export-namespace-from",
              ],
            },
          },
          {
            loader: "ts-loader",
          },
        ],
        exclude: /node_modules/,
      },
    ],
  },
  optimization: {
    minimize: true,
    minimizer: [
      new TerserPlugin({
        extractComments: false,
        terserOptions: {
          compress: {
            passes: 5,
            drop_console: true,
            drop_debugger: true,
            keep_fargs: false,
            keep_infinity: true,
            reduce_funcs: true,
            reduce_vars: true,
            keep_fnames: false,
            toplevel: true,
          },
          mangle: {
            toplevel: true,
            properties: false,
          },
          format: {
            comments: false,
          },
        },
      }),
    ],
  },
};