This repository has been archived by the owner on Jan 10, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.ts
89 lines (84 loc) · 2.36 KB
/
webpack.config.ts
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
import path from 'path';
import HTMLWebpackPlugin from 'html-webpack-plugin';
// import CopyWebpackPlugin from 'copy-webpack-plugin';
import { Configuration as WebpackConfiguration } from 'webpack';
import { Configuration as WebpackDevServerConfiguration } from 'webpack-dev-server';
import ESLintPlugin from 'eslint-webpack-plugin';
import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
interface Configuration extends WebpackConfiguration {
devServer?: WebpackDevServerConfiguration;
}
const config: Configuration = {
mode: 'development',
context: path.resolve(__dirname, 'src'),
entry: {
app: './ts/app.ts'
},
output: {
filename: 'js/[name].bundle.js',
path: path.resolve(__dirname, 'dist'),
clean: true
},
optimization: {
splitChunks: {
chunks: 'all'
}
},
resolve: {
extensions: ['.tsx', '.ts', '.jsx', '.js', '.css', '.scss', 'less', '.svg'],
modules: ['node_modules'],
},
module: {
rules: [
{
test: /\.css$/i,
use: ['style-loader', 'css-loader'],
},
{
test: /\.(ts|js)x?$/i,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
configFile: path.resolve(__dirname, '.babelrc'),
},
},
},
],
},
plugins: [
new HTMLWebpackPlugin({
template: './index.html'
}),
// new CopyWebpackPlugin({
// patterns: [
// { from: "assets", to: "assets" },
// ],
// }),
new ESLintPlugin({ extensions: ['ts'], failOnWarning: false, emitError: true }),
new ForkTsCheckerWebpackPlugin({
typescript: {
configFile: path.resolve(__dirname, "./tsconfig.json"),
}
}
)
],
devServer: {
static: path.join(__dirname, 'src'),
historyApiFallback: true,
port: 3000,
client: {
overlay: {
errors: true,
warnings: false,
},
},
// open: {
// app: {
// name: 'google-chrome',
// },
// },
hot: true,
},
}
export default config;