ff.react-redux-template/webpack.config.js at master · FoundersFactory/ff.react-redux-template · 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
const path = require('path')
const webpack = require('webpack')
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWepbackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');

const isProduction = process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'staging'

const developmentEntry = [
	'webpack-dev-server/client?http://localhost:3000',
	'webpack/hot/only-dev-server',
	'./app/index'
]

const productionEntry = [
	'./app/index'
]

const developmentPlugins = [
	new webpack.DefinePlugin({
		'process.env': {
	      'NODE_ENV': JSON.stringify(process.env.NODE_ENV)
	    }
	}),
 	new webpack.HotModuleReplacementPlugin(),
	new HtmlWepbackPlugin({
		filename: './index.html',
		template: './app/index.html',
	})
]

const productionPlugins = [
  	new ExtractTextPlugin('css/[name].[contenthash].css'),
  	new webpack.DefinePlugin({
    	'process.env': {
      		'NODE_ENV': JSON.stringify(process.env.NODE_ENV)
    	}
  	}),
  	new webpack.ExtendedAPIPlugin(),
  	new CleanWebpackPlugin(['dest'], {
		root: __dirname,
		verbose: true,
		dry: false
	}),
	new HtmlWepbackPlugin({
		filename: './index.html',
		template: './app/index.html',
	})
]

const productionLoaders = [
	{
		test: /\.js$/,
		loaders: ['react-hot','babel-loader'],
		exclude: /node_modules/
	},
	{
		test: /\.(png|jpg|svg)$/,
		loader: 'file-loader?name=images/[name].[hash].[ext]'
	},
	{
		test: /\.(woff|eot|ttf|woff2)$/,
		loader: 'file-loader?name=fonts/[name].[hash].[ext]'
	},
	{
		test: /\.css$/,
		loader: ExtractTextPlugin.extract(
			'style!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'
			)
	}
]

const developmentLoaders = [
	{
		test: /\.js$/,
		loaders: ['react-hot','babel-loader'],
		exclude: /node_modules/
	},
	{
		test: /\.(png|jpg|svg)$/,
		loader: 'file-loader?name=images/[name].[hash].[ext]'
	},
	{
		test: /\.(woff|eot|ttf|woff2)$/,
		loader: 'file-loader?name=fonts/[name].[hash].[ext]'
	},
	{
		test: /\.css$/,
		loader: 'style!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'
	}
]

module.exports = {
	devtool: isProduction ? 'source-map' : 'eval',
	context: __dirname + '/src',
	entry: isProduction ? productionEntry : developmentEntry,
	output: {
		path: __dirname + '/dest',
		filename: 'js/main.[hash].js',
		publicPath: '/'
	},
	plugins: isProduction ? productionPlugins : developmentPlugins,
	module: {
		loaders: isProduction ? productionLoaders : developmentLoaders
	},
	resolve: { },
}