-
Notifications
You must be signed in to change notification settings - Fork 40
/
webpack.config.js
52 lines (51 loc) · 1.24 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
// @ts-check
const path = require('path')
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
/** @type {import('webpack').Configuration} */
module.exports = {
mode: 'development',
watch: true,
entry: {
background: './src/background',
'content-script': './src/content-script',
options: './src/options',
},
output: {
path: path.resolve('chrome/dist'),
filename: '[name].js',
publicPath: '/dist/',
},
devtool: 'inline-cheap-source-map', // inline works for extension background
module: {
rules: [
{
test: /\.(j|t)sx?$/,
use: {
loader: 'swc-loader',
},
sideEffects: false,
exclude: /node_modules/, // transpiling ts bundle causes stack overflow
// TODO: tree shaking bytemd Editor
},
],
},
resolve: {
extensions: ['.ts', '.tsx', '.js'],
alias: {
react: 'preact/compat',
'react-dom': 'preact/compat',
'react/jsx-runtime': 'preact/jsx-runtime',
},
fallback: {
path: 'path-browserify',
},
},
plugins: [
new CleanWebpackPlugin(),
new HtmlWebpackPlugin({
filename: 'options.html',
chunks: ['options'],
}),
],
}