Manta/webpack.config.js at dev · veandco/Manta · 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
133
const path = require('path');
const webpack = require('webpack');
const merge = require('webpack-merge');
const parts = require('./webpack.parts');
const nodeExternals = require('webpack-node-externals');
const PATHS = {
  prod: path.resolve(__dirname, 'prod'),
};

// PRODUCTION CONFIGS
const productionConfig = merge([
  // Clean build folder between builds
  parts.clean(PATHS.prod),
  // Minify Javascript
  parts.minifyJavaScript(),
  // Output
  {
    output: {
      path: PATHS.prod,
      filename: '[name].prod.js',
    },
    plugins: [
      // Ignore stuff
      new webpack.IgnorePlugin(/vertx/),
    ],
    // Exclude NodeModules
    externals: [
      nodeExternals({
        whitelist: [
          'react-hot-loader',
          'react-hot-loader/patch',
          'redux-logger',
        ],
      }),
    ],
  },
]);

// DEVELOPMENT CONFIGS
const developmentConfig = merge([
  // Analyze Bundle
  parts.analyzeBundle(),
  // Dev Server
  parts.devServer({
    host: 'localhost',
    port: 3000,
  }),
  // Output
  {
    output: {
      publicPath: 'http://localhost:3000/',
      filename: '[name].dev.js',
    },
    // Other Plugins
    plugins: [
      // prints more readable module names in the browser console on HMR updates
      new webpack.NamedModulesPlugin(),
      // Ignore stuff
      new webpack.IgnorePlugin(/vertx/),
    ],
    // Ignore all modules in node_modules folder
    externals: [
      nodeExternals({
        // Except Webpack Hot Devserver & Emitter so
        // react-hot-loader can work properly
        whitelist: ['webpack/hot/dev-server', 'webpack/hot/emitter'],
      }),
    ],
  },
]);

// SHARED CONFIGS
const commonConfig = merge([
  // Check Duplicates
  parts.checkDuplicate({
    verbose: true,
    emitError: true,
  }),
  // Separate source map from bundles
  parts.generateSourceMaps({ type: 'none' }),
  {
    target: 'electron-renderer',
    // Set Performance Budget
    performance: {
      // Show performance warning. Can use 'error' as well
      hints: 'warning',
      maxEntrypointSize: 100000, // in bytes
      maxAssetSize: 450000, // in bytes
    },

    entry: {
      tour: ['react-hot-loader/patch', './tour/index.jsx'],
      main: [
        'react-hot-loader/patch',
        './app/renderers/startup.js',
        './app/renderers/dialog.js',
        './app/renderers/menu.js',
        './app/index.jsx',
      ],
      preview: ['react-hot-loader/patch', './preview/index.jsx'],
      modal: ['react-hot-loader/patch', './modal/index.jsx'],
    },

    context: path.resolve(__dirname),

    resolve: {
      extensions: ['.js', '.jsx'],
    },

    module: {
      rules: [
        {
          test: /\.jsx$/,
          exclude: [path.resolve(__dirname, 'node_modules')],
          loader: 'babel-loader',
        },
      ],
    },

    node: {
      __dirname: false,
      __filename: false,
    },
  },
]);

// EXPORT
module.exports = env => {
  if (env && env.production) {
    return merge(productionConfig, commonConfig);
  }
  return merge(developmentConfig, commonConfig);
};