-
Notifications
You must be signed in to change notification settings - Fork 2
/
webpack.config.js
77 lines (73 loc) · 2.01 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
require("dotenv").config();
// import { env } from 'process';
const path = require("path");
const webpack = require("webpack");
// const HtmlWebpackPlugin = require("html-webpack-plugin");
// const ReactRefreshPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
module.exports = {
mode: "development",
entry: path.join(__dirname, "/client/src/index.jsx"),
output: {
path: path.join(__dirname, "/client/dist"),
filename: "bundle.js",
},
devtool: "source-map",
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /nodeModules/,
use: {
loader: "babel-loader",
},
},
{
test: /\.css$/i,
use: ["style-loader", "css-loader"],
},
{
test: /\.(png|svg|jpg|jpeg|gif)$/i,
type: "asset/resource",
},
],
},
// devServer: {
// index: "",
// proxy: {
// context: () => true,
// target: "http://localhost:3000",
// },
// },
plugins: [
// new ReactRefreshPlugin(), // See note below...
// This will allow you to refer to process.env variables
// within client-side files at build-time:
new webpack.DefinePlugin({
"process.env": {
TOKEN: JSON.stringify(process.env.TOKEN),
},
}),
],
};
/**
*
* NOTE: About React Fast Refresh:
*
* You can enable fast-refresh for this project by enabling the
* commented lines of code in this file, above and in .babelrc
*
* This will change the build so that the client is served by
* webpack-dev-server and, as such, it should not be loaded via
* the Express server:
*
* - The client will be viewable at http://localhost:8080/
* - All API requests being sent by the client will be
* automatically routed to http://localhost:3000
* - Since API requests are proxied, the server must still be
* running for the React app to compile and run correctly.
*
* Since that last requirement _may_ be prohibitive to
* completing the assigned tasks, the fast-refresh
* option has been disabled by default.
*
*/