-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
124 lines (121 loc) · 3.19 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
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
112
113
114
115
116
117
118
119
120
121
122
123
124
const CopyPlugin = require("copy-webpack-plugin");
const FaviconsWebpackPlugin = require("favicons-webpack-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const WorkboxPlugin = require("workbox-webpack-plugin");
const fs = require("fs");
const package = require("./package.json");
const path = require("path");
const shell = require("shelljs");
const webpack = require("webpack");
function getVersionFromGit() {
const gitTag = shell.exec("git describe --abbrev=0 --tags");
const gitCommit = shell.exec("git rev-parse --short HEAD");
return {
tag: gitTag.trim(),
commit: gitCommit.trim(),
package: package,
};
}
module.exports = (env) => {
console.log(`ENV: ${env.NODE_ENV} / ${env.production}`);
return {
mode: "development",
devServer: {
port: 8888,
host: "0.0.0.0",
useLocalIp: true,
historyApiFallback: true,
},
entry: {
index: path.resolve(__dirname, "src/js/index.js"),
},
output: {
path: path.resolve(__dirname, "build/"),
publicPath: "/",
filename: "[name].bundle.js",
chunkFilename: "[name].bundle.js",
},
resolve: {
extensions: [".js"],
alias: {
"@sass": path.join(__dirname, "src/sass/"),
},
},
optimization: {
splitChunks: {
chunks: "all",
},
},
module: {
rules: [
{
test: /\.js$/,
loader: "babel-loader",
exclude: /node_modules/,
},
{
test: /\.s[ac]ss$/i,
use: ["style-loader", "css-loader", "sass-loader"],
},
{
test: /\.(woff(2)?|ttf|otf|eot)(\?v=\d+\.\d+\.\d+)?$/,
use: [
{
loader: "file-loader",
options: {
name: "[name].[ext]",
outputPath: "fonts/",
},
},
],
},
{
test: /\.(glsl|frag|vert)$/,
use: ["glslify-import-loader", "raw-loader", "glslify-loader"],
exclude: /node_modules/,
},
{
test: /\.svg$/,
use: [
{
loader: "babel-loader",
},
{
loader: "react-svg-loader",
options: {
jsx: true, // true outputs JSX tags
},
},
],
},
],
},
plugins: [
new webpack.DefinePlugin({
"process.env.NODE_ENV": JSON.stringify(env.NODE_ENV),
"process.env.VERSION": JSON.stringify(getVersionFromGit()),
}),
new HtmlWebpackPlugin({
template: __dirname + "/src/html/index.html",
filename: "index.html",
inject: "body",
}),
new FaviconsWebpackPlugin(
path.resolve(`${__dirname}/assets/svg/favicon.svg`)
),
new CopyPlugin([{ from: "assets", to: "assets" }]),
new WorkboxPlugin.GenerateSW({
swDest: "sw.js",
clientsClaim: true,
skipWaiting: true,
runtimeCaching: [
{
urlPattern: new RegExp("http://localhost:1234/*.js"),
handler: "StaleWhileRevalidate",
},
],
maximumFileSizeToCacheInBytes: 15000000,
}),
],
};
};