-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
86 lines (74 loc) · 1.83 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
const path = require('path')
const HTMLWebpackPlugin = require('html-webpack-plugin')
const config = require('config')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
module.exports = () => {
const mode = (process.env.NODE_ENV ? process.env.NODE_ENV : 'development')
const plugins = [
new HTMLWebpackPlugin({
template: path.resolve(__dirname, 'index.html'),
}),
]
const cssLoaders = [
'css-loader',
'postcss-loader',
'sass-loader',
]
if (mode === 'production') {
plugins.unshift(
new MiniCssExtractPlugin({
filename: 'emails-input.css',
}),
)
cssLoaders.unshift(
MiniCssExtractPlugin.loader,
)
} else {
cssLoaders.unshift('style-loader')
}
return {
mode,
entry: ['./src/index.ts'],
resolve: {
// Add '.ts' and '.tsx' as resolvable extensions.
extensions: ['.webpack.js', '.web.js', '.ts', '.tsx', '.js'],
},
output: {
library: 'EmailsInput',
libraryTarget: 'umd',
globalObject: '(typeof self !== "undefined" ? self : this)',
libraryExport: 'default',
path: path.resolve(__dirname, 'dist'),
filename: 'emails-input.js',
publicPath: config.get('publicPath'),
},
module: {
rules: [
{
test: /\.js$/,
enforce: "pre",
use: [
'source-map-loader',
],
},
{
test: /\.(tsx?|js)$/,
use: [
'awesome-typescript-loader',
],
},
{
test: /\.scss$/,
use: cssLoaders,
},
],
},
plugins,
devServer: {
// Open browser on server start
open: config.get('open'),
},
// Generate source map
devtool: ('production' === process.env.NODE_ENV ? 'source-map' : 'eval-cheap-module-source-map'),
}
}