sonzai/webpack.config.js at develop · hakimmazouz/sonzai · 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
const path = require("path");
const webpack = require('webpack')
const HtmlWebpackPlugin = require("html-webpack-plugin");
const CleanWebpackPlugin = require('clean-webpack-plugin');
const WebpackDashboardPlugin = require('webpack-dashboard/plugin');
// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
const WebpackNotifierPlugin = require('webpack-notifier');


module.exports = {
	mode: 'development',
	devtool: 'inline-source-map',
	entry: {
		hmr: 'webpack-hot-middleware/client?reload=true',
		app: "./src/main.js"
	},
	resolve: {
		alias: {
			"three-examples": "three/examples/js",
			"@mojo": path.resolve(__dirname, 'src/js/mojo'),
			"@": path.resolve(__dirname, 'src/js')
		}
	},
	devServer: {
		contentBase: './dist',
		compress: true,
		host: '0.0.0.0',
		hot: true,
		historyApiFallback: true,
		overlay: true,
		open: 'Google Chrome',
		useLocalIp: true,
		openPage: '/authorize',
		proxy: {
			'/api': 'http://localhost:3000'
		}
	},
	plugins: [
		new WebpackNotifierPlugin({
			title: 'Sonzai Dev',
			contentImage: path.join(__dirname, 'logo.png')
		}),
		new CleanWebpackPlugin(['dist']),
		new WebpackDashboardPlugin(),
		new HtmlWebpackPlugin({
			title: 'Generate',
			template: 'src/templates/index.hbs'
		}),
		new webpack.HotModuleReplacementPlugin()
	],
	output: {
		filename: "[name].[hash].js",
		path: path.resolve(__dirname, "dist"),
		publicPath: '/'
	},
	module: {
		rules: [{
				test: /\.m?js$/,
				exclude: /(node_modules)/,
				use: {
					loader: 'babel-loader',
					options: {
						presets: ['@babel/preset-env']
					}
				}
			},
			{
				test: /\.(s*)css$/,
				use: [
					"style-loader",
					"css-loader",
					"sass-loader"
				]
			},
			{
				test: /\.(svg|jpg|png|gif|mp4|ttf|obj)$/,
				loader: 'file-loader'
			},
			{
				test: /\.(handlebars|hbs)$/,
				loader: "handlebars-loader"
			},
			{
				test: /three[\\\/]examples[\\\/]js/,
				loader: "imports-loader?THREE=three"
			}
		]
	},
	optimization: {
		runtimeChunk: 'single',
		splitChunks: {
			cacheGroups: {
				vendor: {
					test: /[\\/]node_modules[\\/]/,
					name: 'vendors',
					chunks: 'all'
				}
			}
		}
	}
}

// module.exports = (env, argv) => {
// 	if (argv.mode === 'development') {
// 		config.devtool = 'source-map';
// 	}
// 	return config;
// };