react-express/webpack.config.js at master · stdgroup/react-express · 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
const { resolve } = require("path");
const webpack = require("webpack");
const CopyWebpackPlugin = require("copy-webpack-plugin");

const paths = {
  dist: resolve(__dirname, "dist"),
  src: resolve(__dirname, "src"),
  static: resolve(__dirname, "static"),
  server: resolve(__dirname, "server", "build"),
  babelConfig: resolve(__dirname, ".babelrc")
};

module.exports = (env = {}) => {
  const { dev, client, server } = env;

  const copyPlugin = new CopyWebpackPlugin([
    { from: paths.static, to: paths.dist }
  ]);

  const base = {
    context: paths.src,
    output: {
      filename: "bundle.js",
      path: paths.dist,
      publicPath: "/"
    },
    module: {
      loaders: [
        {
          test: /\.js$/,
          exclude: /node_modules(?!\/react-disqus-thread)/,
          loaders: ["babel-loader"]
        },
        {
          test: /\.css$/,
          loaders: ["style-loader", "css-loader", "postcss-loader"]
        }
      ]
    },
    resolve: {
      alias: {
        react: resolve(__dirname, "node_modules", "react")
      }
    }
  };

  const node = Object.assign({}, base, {
    entry: "./server.js",
    output: {
      filename: "server-bundle.js",
      path: paths.server,
      library: "app",
      libraryTarget: "umd"
    },
    target: "node",
    plugins: [
      new webpack.DefinePlugin({
        "process.env": {
          NODE_ENV: JSON.stringify(dev ? "development" : "production")
        },
        isServer: 1,
        isClient: 0
      }),
      new webpack.NamedModulesPlugin()
    ],
    externals: ["react", "react-dom", "react-router"]
  });

  const devConfig = {
    entry: [
      "react-hot-loader/patch",
      "webpack-dev-server/client?http://localhost:3210",
      "webpack/hot/only-dev-server",
      "./index.js"
    ],
    devServer: {
      hot: true,
      contentBase: paths.dist,
      publicPath: "/",
      historyApiFallback: true,
      port: 3210
    },
    devtool: "inline-source-map",
    plugins: [
      copyPlugin,
      new webpack.DefinePlugin({
        "process.env": {
          NODE_ENV: JSON.stringify("development")
        },
        isServer: 0,
        isClient: 1
      }),
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NamedModulesPlugin()
    ]
  };

  const prodConfig = {
    entry: ["./index.js"],
    plugins: [
      copyPlugin,
      new webpack.DefinePlugin({
        "process.env": {
          NODE_ENV: JSON.stringify("production")
        },
        isServer: 0,
        isClient: 1
      }),
      new webpack.optimize.UglifyJsPlugin({
        compress: {
          warnings: false
        }
      })
    ]
  };

  return [
    ...(client
      ? [Object.assign(base, dev && !server ? devConfig : prodConfig)]
      : []),
    ...(server ? [node] : [])
  ];
};