-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
84 lines (79 loc) · 1.8 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
const fs = require('fs');
const path = require('path');
const merge = require('webpack-merge');
const glob = require('glob');
const parts = require('./webpack.parts');
const commonConfig = merge([
{
entry: {
background: './src/background.js',
content: './src/content.js',
popup: './src/popup.js',
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].bundle.js',
},
},
parts.loadJavaScript({
include: path.resolve(__dirname, 'src'),
}),
parts.extractCSS({
use: ['css-loader', 'sass-loader', parts.autoprefix()],
}),
parts.loadHtml({
chunks: ['popup'],
filename: 'popup.html',
template: './src/popup.html',
}),
parts.loadImages({
options: {
limit: 8192,
name: './images/[name].[ext]',
},
}),
parts.loadFonts({
options: {
name: './fonts/[name].[ext]',
},
}),
parts.copy({
patterns: [
{ from: './src/manifest.json' },
{ context: './src/icons', from: 'icon-**', to: 'icons' },
],
}),
]);
const productionConfig = merge([
{
// performance
},
parts.clean(),
parts.minifyJavaScript(),
parts.minifyCSS({
options: {
discardComments: {
removeAll: true,
},
// Run cssnano in safe mode to avoid
// potentially unsafe transformations.
safe: true,
},
}),
]);
const developmentConfig = merge([
{
devtool: 'inline-source-map',
},
parts.reloadExtension({
entries: { // The entries used for the content/background scripts or extension pages
contentScript: 'content',
background: 'background',
extensionPage: 'popup',
},
}),
]);
module.exports = (mode) => {
const config = mode === 'production' ? productionConfig : developmentConfig;
return merge([commonConfig, config, { mode }]);
};