exams/webpack.dev.js at master · staskorz/exams · 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
const dotenv = require('dotenv')
dotenv.config()

const webpack = require('webpack')
const webpackMerge = require('webpack-merge')
const path = require('path')
const authMiddleware = require('./webpack.dev.auth')


const webpackCommonConfig = require('./webpack.common')


const { HTTP_PORT } = process.env

const HTTP_SERVER_PORT = HTTP_PORT || 3000


const SERVER_URL = 'http://localhost:' + HTTP_SERVER_PORT


module.exports = webpackMerge(webpackCommonConfig, {
	module: {
		rules: [
			{
				test: /\.css$/,

				use: [
					{
						loader: 'babel-loader',
						query: {
							plugins: [
								'transform-react-jsx-source',
							],
						},
					},

					{
						loader: 'style-loader',
					},

					{
						loader: 'css-loader',
					},
				],
			},
		],
	},

	plugins: [
		new webpack.NamedModulesPlugin(),

		new webpack.HotModuleReplacementPlugin(),

		new webpack.DefinePlugin({
			'process.env.NODE_ENV': JSON.stringify('development'),
		}),
	],

	devtool: 'cheap-module-eval-source-map',

	entry: {
		client: [
			'babel-polyfill',
			'whatwg-fetch',
			'react-hot-loader/patch',
			'./index-dev.js',
		],
	},

	devServer: {
		contentBase: path.join(__dirname, 'client'),
		hot: true,
		historyApiFallback: true,
		proxy: {
			'/api': SERVER_URL,
		},
		before: app => {
			app.use(authMiddleware)
		},
	},
})