-
Notifications
You must be signed in to change notification settings - Fork 2
/
webpack.common.js
135 lines (127 loc) · 3.46 KB
/
webpack.common.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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
const path = require('path')
const webpack = require('webpack')
const CleanWebpackPlugin = require('clean-webpack-plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const EXT_NAME = 'Tracking Transparency'
module.exports = {
entry: {
// Each entry in here would declare a file that needs to be transpiled
// and included in the extension source.
// background scripts
background: './src/background/background.js',
// content scripts
content: './src/content_scripts/content.js',
// user facing pages
popup: './src/popup/index.js',
dashboard: './src/dashboard/App.js',
options: './src/options/index.js',
welcome: './src/welcome/index.js',
lightbeam: './src/lightbeam/lightbeam.js'
},
output: {
// This copies each source entry into the extension dist folder named
// after its entry config key.
path: path.resolve(__dirname, 'extension/dist'),
publicPath: '/dist/'
},
module: {
rules: [
{
// Babel transpilation
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader'
},
{
test: /\.worker\.js$/,
use: {
loader: 'worker-loader',
options: { name: '[name].[hash].js' }
}
},
{
// properly load font files
// https://github.com/webpack-contrib/css-loader/issues/38#issuecomment-313673931
test: /\.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
loader: 'file-loader?name=fonts/[name].[ext]'
},
{
// allow importing css files
test: /\.css$/,
use: [
{
loader: MiniCssExtractPlugin.loader
},
'css-loader'
]
}
]
},
resolve: {
// This allows you to import modules just like you would in a NodeJS app.
modules: [
'node_modules'
]
},
optimization: {
splitChunks: {
chunks: 'initial',
cacheGroups: {
default: false
}
}
},
plugins: [
new CleanWebpackPlugin(),
new webpack.DefinePlugin({
'EXT.VERSION': JSON.stringify(require('./package.json').version),
'EXT.NAME': JSON.stringify(EXT_NAME)
}),
new MiniCssExtractPlugin({
// Options similar to the same options in webpackOptions.output
// both options are optional
filename: 'css/[name].css'
// chunkFilename: 'css/[id].css'
}),
// fix importing some dependencies that assume filesystem etc.
new webpack.IgnorePlugin(/jsdom$/),
new HtmlWebpackPlugin({
filename: 'background.html',
chunks: ['background'],
template: 'src/template.html'
}),
new HtmlWebpackPlugin({
filename: 'dashboard.html',
chunks: ['dashboard'],
template: 'src/template.html',
title: EXT_NAME
}),
new HtmlWebpackPlugin({
filename: 'popup.html',
chunks: ['popup'],
template: 'src/template.html',
title: EXT_NAME
}),
new HtmlWebpackPlugin({
filename: 'options.html',
chunks: ['options'],
template: 'src/template.html',
title: 'Options'
}),
new HtmlWebpackPlugin({
filename: 'welcome.html',
chunks: ['welcome'],
template: 'src/template.html',
title: 'Welcome to ' + EXT_NAME
})
],
// fix importing some dependencies that assume filesystem etc.
node: {
fs: 'empty',
net: 'empty',
tls: 'empty',
child_process: 'empty',
jsdom: 'empty'
}
}