-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebpack.config.prod.js
127 lines (123 loc) · 2.57 KB
/
webpack.config.prod.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
125
126
127
const path = require("path");
const webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const NodeExternals = require("webpack-node-externals");
const sass = {
globalsImportStatements: '@import "globals.scss";',
globalsImportPaths: [path.resolve(__dirname, "src/web/theme")]
};
const srcPath = path.resolve(__dirname, "src");
const universalRules = [
{
test: /\.js$/,
include: [srcPath],
loader: "eslint-loader",
enforce: "pre"
},
{
test: /\.js$/,
include: [srcPath],
use: {
loader: "babel-loader",
options: {
presets: ["@babel/react"]
}
}
},
{
test: /\.(graphql|gql)$/,
include: [srcPath],
loader: "graphql-tag/loader"
},
{
test: /\.mjs$/,
include: /node_modules/,
type: "javascript/auto"
},
{
test: /\.scss$/,
include: [srcPath],
use: [
{
loader: "style-loader"
},
{
loader: "css-loader"
},
{
loader: "sass-loader",
options: {
data: sass.globalsImportStatements,
includePaths: sass.globalsImportPaths
}
}
]
},
{
test: /\.svg$/,
oneOf: [
{
loader: "raw-loader",
resourceQuery: /inline/
},
{
loader: "file-loader",
query: {
name: "static/media/[name].[hash:8].[ext]"
}
}
]
},
{
test: /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2)(\?.*)?$/,
loader: "file-loader",
query: {
name: "static/media/[name].[hash:8].[ext]"
}
}
];
module.exports = [
{
name: "client",
mode: "production",
entry: path.resolve(__dirname, "src/web/index.js"),
output: {
filename: "bundle.js",
publicPath: "/",
path: path.resolve(__dirname, "build/client")
},
plugins: [
new HtmlWebpackPlugin({
template: "src/index.html"
}),
new webpack.NamedModulesPlugin(),
new webpack.DefinePlugin({
"process.env": {
BACKEND_URL: JSON.stringify(process.env.BACKEND_URL)
}
})
],
module: {
rules: [...universalRules]
},
resolve: {
alias: {
theme: path.resolve(__dirname, "src/web/theme")
}
}
},
{
name: "server",
mode: "production",
target: "node",
externals: [NodeExternals()],
entry: ["babel-polyfill", path.resolve(__dirname, "src/server/index.js")],
output: {
filename: "server.js",
path: path.resolve(__dirname, "build/server")
},
module: {
rules: [...universalRules]
}
}
];