-
Notifications
You must be signed in to change notification settings - Fork 1
/
webpack.config.js
68 lines (61 loc) · 2.04 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
// Copyright 2021 Google LLC
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
// https://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
const fs = require("fs");
const path = require("path");
const BundleAnalyzerPlugin =
require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
if (!process.env.POSTS_SERVER_URL) {
// webpack 5 is stricter about environment variables. The POSTS_SERVER_URL
// environment variable was not mentioned in the README so default it for
// those developers who may have created a .env file without the variable.
process.env.POSTS_SERVER_URL = "http://127.0.0.1:3000";
}
const PATHS = {
app: path.join(__dirname, "src/components/index.tsx"),
};
module.exports = {
entry: {
app: PATHS.app,
},
output: {
path: __dirname + "/dist",
filename: "bundle.js",
},
module: {
rules: [
{
test: /\.(js|jsx|ts|tsx)$/,
loader: "babel-loader",
exclude: /node_modules/,
include: /src/,
sideEffects: false,
},
{
test: /\.s?[ac]ss$/,
use: [
"style-loader", // injects bundled css string into a <style> element at runtime
{ loader: "css-loader", options: { sourceMap: true } }, // processes url(), @import, etc beforehand
{ loader: "sass-loader", options: { sourceMap: true } }, // compiles sass to css
],
},
],
},
resolve: {
extensions: [".tsx", ".ts", ".js", ".scss"],
fallback: { buffer: false },
},
devtool: "source-map",
plugins: [
new BundleAnalyzerPlugin({
analyzerMode: process.env.ANALYZE_MODE || "disabled",
}),
],
};