numbers/webpack.config.js at master · ivanchenko/numbers · 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
'use strict';

var path = require('path');
var webpack = require('webpack');
var autoprefixer = require('autoprefixer');
var ExtractTextPlugin = require('extract-text-webpack-plugin');

var ENV = 'develop';

process.argv.forEach(function (arg) {
	if (arg === '-p' || arg === '--production') {
		ENV = 'production';
	}
});

var config = {
	entry: {
		"game": "./js/index.js",
	},
	output: {
		path: path.join(__dirname, "/static"),
		publicPath: './',
		filename: '[name].bundle.js',
	},
	watch: ENV === 'develop',
	watchOptions: {
		aggregateTimeOut: 100
	},
	resolve: {
		extensions: ["", ".webpack.js", ".web.js", ".js", ".jsx"]
	},

	devtool: ENV === 'develop' ? 'eval' : 'source-map',

	module: {
		loaders: [{
			test: /\.jsx?$/,
			exclude: /(\/node_modules\/|\/js\/libs|\\node_modules\\|\\js\\libs)/,
			loader: 'babel',
			query: {
				presets: ['es2015', 'react']
			}
		}, {
			test: /\.(css|less)$/,
			loader: ExtractTextPlugin.extract('css!less?{"relativeUrls": "true"}!postcss-loader')
		}, {
			test: /\.scss$/,
			loader: ExtractTextPlugin.extract('style-loader', 'css-loader!resolve-url!sass-loader?sourceMap')
		}, {
			test: /\.json$/,
			loader: 'json'
		}, {
			test: /\.html$/,
			loader: "ejs-loader"
		}, {
			test: /\.(png|jpg|svg|gif)?$/,
			loader: 'file?name=[path][name].[ext]',
			exclude: /\/fonts\//,
		}, {
			test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
			loader: 'file?name=[path][name].[ext]&mimetype=image/svg+xml'
		}, {
			test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
			loader: 'file?name=[path][name].[ext]&mimetype=application/font-woff'
		}, {
			test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/,
			loader: 'file?name=[path][name].[ext]&mimetype=application/font-woff'
		}, {
			test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
			loader: 'file?name=[path][name].[ext]&mimetype=application/octet-stream'
		}, {
			test: /\.(eot|otf)(\?v=\d+\.\d+\.\d+)?$/,
			loader: 'file?name=[path][name].[ext]'
		},
		]
	},
	postcss: [
		autoprefixer({browsers: ['last 2 versions']})
	],
	plugins: [
		new webpack.ProvidePlugin({
			"$": "jquery",
			"jQuery": "jquery",
			"window.$": "jquery",
			"window.Tether": 'tether'
		}),
		new webpack.DefinePlugin({
			"process.env": {
				NODE_ENV: JSON.stringify(ENV)
			}
		}),
		new ExtractTextPlugin(
			'[name].bundle.css',
			{allChunks: true}
		)
	]
};

if (ENV === 'production') {
	config.plugins.push(
		new webpack.optimize.UglifyJsPlugin({
			compress: {
				warnings: false,
				drop_console: true,
				unsafe: true
			}
		})
	);
}

module.exports = config;