-
Notifications
You must be signed in to change notification settings - Fork 1
/
webpack.config.js
74 lines (70 loc) · 1.65 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
const CopyWebpackPlugin = require('copy-webpack-plugin');
const nodeExternals = require('webpack-node-externals');
const path = require('path');
const TerserPlugin = require('terser-webpack-plugin');
const webpack = require('webpack');
const argv = require('minimist')(process.argv.slice(2));
const outFolder = path.resolve(__dirname, 'dist');
const config = {
entry: './src/index.ts',
devtool: '#source-map',
mode: argv.mode || 'production',
module: {
rules: [
{
test: /\.tsx?$/,
use: 'ts-loader',
exclude: /node_modules|dist/,
},
{
test: /\.s[ac]ss$/i,
use: [
// Creates `style` nodes from JS strings
'style-loader',
// Translates CSS into CommonJS
'css-loader',
// Compiles Sass to CSS
'sass-loader',
],
},
],
},
plugins: [
new CopyWebpackPlugin([{
flatten: true,
from: 'src/static/*',
}]),
new webpack.SourceMapDevToolPlugin({
filename: 'dapp-browser.js.map',
exclude: ['libs'],
}),
],
resolve: {
extensions: ['.tsx', '.ts', '.js'],
},
output: {
filename: 'dapp-browser.js',
path: outFolder,
},
};
if (argv.mode === 'production') {
config.devtool = '#source-map';
// http://vue-loader.vuejs.org/en/workflow/production.html
config.plugins = config.plugins.concat([
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"',
},
}),
new TerserPlugin({
parallel: true,
terserOptions: {
ecma: 6,
output: {
comments: false,
},
},
}),
]);
}
module.exports = config;