-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
123 lines (112 loc) · 3.97 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
121
122
123
const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const ESLintPlugin = require('eslint-webpack-plugin');
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
const injectVersionIntoManifest = (buffer) => {
var manifest = JSON.parse(buffer.toString());
const { WEB_EXT_VERSION } = process.env;
if (WEB_EXT_VERSION) {
manifest.version = process.env.WEB_EXT_VERSION;
}
return JSON.stringify(manifest, null, 4);
};
const getBabelLoader = ({ browserslist, isProduction = false } = {}) => {
return {
loader: require.resolve('babel-loader'),
options: {
cacheDirectory: true,
cacheCompression: isProduction,
compact: isProduction,
babelrc: false,
configFile: false,
presets: [
[
require.resolve('@babel/preset-env'),
{
targets: browserslist,
},
],
[require.resolve('@babel/preset-typescript')],
],
plugins: [],
},
};
};
const getPlugins = ({ isProduction }) => {
return [
...(isProduction
? []
: [
new ESLintPlugin({
extensions: ['js', 'ts'],
eslintPath: require.resolve('eslint'),
context: path.resolve('.'),
// ESLint class options
resolvePluginsRelativeTo: __dirname,
cwd: path.resolve('.'),
cache: true,
}),
new ForkTsCheckerWebpackPlugin({ async: true, formatter: 'basic' }),
]),
new CopyWebpackPlugin({
patterns: [
{
from: path.resolve(__dirname, 'src', 'manifest.json'),
to: path.resolve(__dirname, 'dist'),
transform(content) {
return injectVersionIntoManifest(content);
},
},
{ from: path.resolve(__dirname, 'src', 'assets'), to: path.resolve(__dirname, 'dist', 'assets') },
],
}),
].filter(Boolean);
};
module.exports = () => {
const isProduction = process.env.NODE_ENV === 'production';
const options = {
isProduction,
browserslist: isProduction
? `> 0.5%, not IE 11, Firefox ESR, Safari 11`
: 'last 1 chrome version, last 1 firefox version, last 1 safari version',
};
return {
target: options.isProduction ? `browserslist:${options.browserslist}` : 'web', // dev-server bug https://github.com/webpack/webpack-dev-server/issues/2812
mode: options.isProduction ? 'production' : 'development',
bail: options.isProduction,
devtool: options.isProduction ? 'source-map' : 'cheap-module-source-map',
watchOptions: {
ignored: /node_modules|(i18n\/*.json)|\*\.(gif|jpeg|jpg|ico|png)/,
aggregateTimeout: 600,
},
resolve: {
extensions: ['.js', '.ts'],
},
entry: {
index: './src/index.ts',
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].js',
},
cache: {
type: 'filesystem',
cacheDirectory: path.resolve('./node_modules/.cache/webpack'),
buildDependencies: {
defaultWebpack: ['webpack/lib/'],
config: [__filename],
},
},
module: {
strictExportPresence: true, // Make missing exports an error instead of warning
rules: [
{
test: /\.js$|\.ts?$/,
exclude: path.resolve('node_modules'),
use: getBabelLoader(options),
},
],
},
plugins: getPlugins(options),
};
};