Spaces:
Running
Running
File size: 1,923 Bytes
4ee4376 |
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 |
const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const phaser = path.join(__dirname, '/node_modules/phaser/src/phaser.js');
module.exports = {
mode: 'development',
entry: {
app: ['@babel/polyfill', path.resolve(__dirname, 'src/index.js')]
},
output: {
pathinfo: true,
path: path.resolve(__dirname, 'dist'),
filename: 'app.js'
},
devtool: 'source-map',
devServer: {
contentBase: path.join(__dirname, './'),
port: 3000,
disableHostCheck: true
},
optimization: {
runtimeChunk: false,
splitChunks: {
cacheGroups: {
commons: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'all',
},
}
}
},
plugins: [
new webpack.DefinePlugin({
WEBGL_RENDERER: true,
CANVAS_RENDERER: true,
}),
new HtmlWebpackPlugin({
template: 'src/index.html'
}),
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
})
],
resolve: {
alias: {
'phaser': phaser
}
},
module: {
rules: [
{
test: /\.js$/,
exclude: /(node_modules)/,
use: [{
loader: 'babel-loader',
options: {
cacheDirectory: true
}
}],
},
{
test: /\.(css)$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
sourceMap: true
}
}
]
},
{
test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
loader: 'url-loader',
options: {
limit: 10000
}
},
{
test: /phaser-split\.js$/,
loader: 'expose-loader',
options: 'Phaser'
},
{
test: [/\.vert$/, /\.frag$/],
loader: 'raw-loader'
}
]
}
}; |