-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
43 lines (42 loc) · 1011 Bytes
/
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
const { resolve, join} = require("path");
const HtmlWebPackPlugin = require("html-webpack-plugin");
const CopyPlugin = require("copy-webpack-plugin");
module.exports = {
devServer: {
static: join(__dirname, 'dist'), // Replaces 'contentBase' in v5
compress: true,
port: 8080,
historyApiFallback: true, // Add this line to enable the fallback
},
entry: "./src/index.ts",
mode: "development",
module: {
rules: [
{
test: /\.(t|j)sx?$/,
use: "ts-loader",
exclude: /node_modules/,
},
],
},
resolve: {
extensions: [".tsx", ".ts", ".js"],
},
output: {
path: `${__dirname}/dist`,
filename: "bundle.js",
},
devtool: "source-map",
plugins: [
new HtmlWebPackPlugin({
template: resolve(__dirname, "./public", "index.html"),
filename: "./index.html",
}),
new CopyPlugin({
patterns: [
{ from: "public/images", to: "images" },
{ from: "public/styles.css" },
],
}),
],
};