-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
86 lines (79 loc) · 2.21 KB
/
webpack.config.js
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
var path = require("path");
var webpack = require("webpack");
var HtmlWebpackPlugin = require("html-webpack-plugin");
var BrowserSyncPlugin = require("browser-sync-webpack-plugin");
// Phaser webpack config
var phaserModule = path.join(__dirname, "/node_modules/phaser/");
var phaser = path.join(phaserModule, "src/phaser.js");
var definePlugin = new webpack.DefinePlugin({
__DEV__: JSON.stringify(JSON.parse(process.env.BUILD_DEV || "true")),
// I did this to make webpack work, but I'm not really sure it should always be true
WEBGL_RENDERER: true,
// I did this to make webpack work, but I'm not really sure it should always be true
CANVAS_RENDERER: true,
});
module.exports = {
entry: {
app: [path.resolve(__dirname, "src/main.js")],
vendor: ["phaser"],
},
devtool: "cheap-source-map",
output: {
pathinfo: true,
path: path.resolve(__dirname, "dev"),
publicPath: "./dev/",
library: "[name]",
libraryTarget: "umd",
filename: "[name].js",
},
watch: true,
plugins: [
definePlugin,
//new webpack.optimize.CommonsChunkPlugin({ name: 'vendor'/* chunkName= */, filename: 'vendor.bundle.js'/* filename= */ }),
new HtmlWebpackPlugin({
filename: "../index.html",
template: "./src/index.html",
chunks: ["vendor", "app"],
chunksSortMode: "manual",
minify: {
removeAttributeQuotes: false,
collapseWhitespace: false,
html5: false,
minifyCSS: false,
minifyJS: false,
minifyURLs: false,
removeComments: false,
removeEmptyAttributes: false,
},
hash: false,
}),
new BrowserSyncPlugin({
host: process.env.IP || "localhost",
port: process.env.PORT || 3000,
server: {
baseDir: ["./", "./dev"],
},
}),
],
module: {
rules: [
{
test: /\.js$/,
use: ["babel-loader"],
include: path.join(__dirname, "src"),
},
{ test: /phaser-split\.js$/, use: ["expose-loader?Phaser"] },
{ test: [/\.vert$/, /\.frag$/], use: "raw-loader" },
],
},
/* node: {
fs: 'empty',
net: 'empty',
tls: 'empty'
},
resolve: {
alias: {
'phaser': phaser,
}
}*/
};