-
Notifications
You must be signed in to change notification settings - Fork 1
/
webpack.config.js
120 lines (112 loc) · 3.1 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
const path = require('path');
const webpack = require('webpack');
const { merge } = require('webpack-merge');
const packagejson = require('./package.json');
const TerserPlugin = require('terser-webpack-plugin');
const banner = `
Author: ${packagejson.author}
Version: ${packagejson.version}
Repository: ${packagejson.repository.url}
Documentation: ${packagejson.homepage}
`;
/*
* SplitChunksPlugin is enabled by default and replaced
* deprecated CommonsChunkPlugin. It automatically identifies modules which
* should be splitted of chunk by heuristics using module duplication count and
* module category (i. e. node_modules). And splits the chunks…
*
* It is safe to remove "splitChunks" from the generated configuration
* and was added as an educational example.
*
* https://webpack.js.org/plugins/split-chunks-plugin/
*
*/
/*
* We've enabled TerserPlugin for you! This minifies your app
* in order to load faster and run less javascript.
*
* https://github.com/webpack-contrib/terser-webpack-plugin
*
*/
let commonConfiguration = {
entry: "./src/index.ts",
module: {
rules: [
{
test: /\.(tsx?)$/,
include: [path.resolve(__dirname, 'src')],
use: 'ts-loader',
exclude: /node_modules/,
},
{
test: /\.(jsx?)$/,
include: [path.resolve(__dirname, 'src')],
loader: 'babel-loader',
exclude: /node_modules/
}
]
},
resolve: {
extensions: ['.tsx', '.ts', '.js'],
},
output: {
path: path.resolve(__dirname, 'dist'),
libraryTarget: 'umd',
library: 'dynamicForms'
},
plugins: [
new webpack.ProgressPlugin(),
new webpack.BannerPlugin({
banner: banner,
})
]
}
let developmentConfiguration = {
mode: 'development',
name: 'dev-config',
output: {
filename: 'dynamicforms.js'
},
devtool: 'eval-source-map',
performance: {
hints: 'warning',
}
}
let productionConfiguration = {
mode: 'production',
name: 'prod-config',
output: {
filename: 'dynamicforms.min.js'
},
devtool: 'source-map', // Recommended by webpack
optimization: {
minimizer: [new TerserPlugin({extractComments: false})],
minimize: true,
splitChunks: {
cacheGroups: {
vendors: {
priority: -10,
test: /[\\/]node_modules[\\/]/
}
},
chunks: 'async',
minChunks: 1,
minSize: 30000,
name: false
}
},
performance: {
hints: 'error',
}
}
module.exports = (env, argv) => {
console.log("\n", env);
switch(env.this_env) { // env.this_env set by me in package.json scripts
case 'development':
return merge(commonConfiguration, developmentConfiguration);
case 'production':
return merge(commonConfiguration, productionConfiguration);
default:
throw new Error('No matching configuration was found!');
}
}