-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.client.js
65 lines (61 loc) · 1.69 KB
/
webpack.config.client.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
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const path = require('path');
const devMode = process.env.NODE_ENV !== 'production';
const SRC_DIR = './src/client/';
const COMMON_DIR = './src/common/';
const include = [
path.resolve(__dirname, SRC_DIR),
path.resolve(__dirname, COMMON_DIR)
];
const exclude = [
path.resolve(__dirname, "./src/server")
];
module.exports = {
entry: SRC_DIR + 'index.js',
output: {
path: path.resolve(__dirname, 'dist/client'),
filename: 'client.js'
},
module: {
rules: [
{
loader: 'babel-loader',
test: /\.js$/,
exclude,
include
},
{
loader: 'ts-loader',
test: /\.ts(x?)$/,
exclude,
include
},
{
test: /\.svg$/,
use: ['@svgr/webpack'],
},
{
test: /\.scss$/i,
use: [
MiniCssExtractPlugin.loader,
{ loader: 'css-loader', options: { url: false, sourceMap: true } },
{ loader: 'sass-loader', options: { sourceMap: true } }
],
exclude,
include
}
]
},
resolve: {
extensions: [".js", ".json", ".ts", ".tsx"],
},
plugins: [
new HtmlWebpackPlugin({template: SRC_DIR + 'index.html'}),
new MiniCssExtractPlugin({ filename: "style.css" })
],
devServer:{
port:9000
},
mode : devMode ? 'development' : 'production'
};