-
Notifications
You must be signed in to change notification settings - Fork 1
/
webpack.config.js
78 lines (76 loc) · 2.48 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
78
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const isDev = process.env.NODE_ENV === 'development';
const configs = {
entry: './src/app.ts',
output: {
filename: 'custom.js',
path: path.resolve(__dirname, 'bundle')
},
mode: isDev ? 'development' : 'production',
devtool: isDev ? 'source-map' : 'none',
module: {
rules: [{
test: /\.jsx?$/,
use: {
loader: 'babel-loader',
options: {
presets: ["@babel/preset-env"],
plugins: [
[
"@babel/plugin-transform-runtime",
{
"corejs": 3
}
]
]
}
},
exclude: /node_modules/ //排除 node_modules 目录
},
{
test: /.tsx?$/,
use: {
loader: 'ts-loader'
},
exclude: /node_modules/
},
{
test: /\.s?css$/,
use: ['style-loader', 'css-loader', 'sass-loader'],
exclude: /node_modules/
},
{
test: /\.(jpe?g|png|gif|svg|ico)$/i,
use: [{
loader: 'file-loader',
options: {
limit: 1024,
outputPath: 'imgs'
}
}],
exclude: /node_modules/
},
]
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
filename: 'index.html',
minify: {
removeAttributeQuotes: false, //是否删除属性的双引号
collapseWhitespace: false, //是否折叠空白
},
})
],
devServer: {
port: '3000', //默认是8080
quiet: false, //默认不启用,启用后看不到error log
inline: true, //默认开启 inline 模式,如果设置为false,开启 iframe 模式
stats: "errors-only", //终端仅打印 error
overlay: false, //默认不启用,启用后会全屏输出错误
clientLogLevel: "silent", //日志等级
compress: true //是否启用 gzip 压缩
}
}
module.exports = configs;