-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
114 lines (105 loc) · 2.95 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
// native
import path from 'node:path';
import { fileURLToPath } from 'node:url';
// packages
import esbuild from 'esbuild';
// plugins
import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
const __dirname = path.dirname(fileURLToPath(import.meta.url));
const jsRegex = /\.(mjs|js)$/;
const tsRegex = /\.ts$/;
// Support browserslist
// "defaults and supports es6-module and supports es6-module-dynamic-import",
const target = ['es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1'];
/** @typedef {import('webpack').Configuration} WebpackConfig */
/**
* @param {'development' | 'production'} mode
* @param {WebpackConfig.entry} entry
* @param {WebpackConfig.output.path} outputPath
* @returns {WebpackConfig}
*/
export default function getConfig(mode, entry, outputPath) {
const isDev = mode === 'development';
/** @type {WebpackConfig} */
const config = {
mode,
devtool: isDev ? 'eval-source-map' : 'source-map',
entry: entry || { graphic: './src/graphic.js' },
output: {
path: outputPath ? outputPath : path.join(__dirname, 'build'),
filename: '[name].js',
chunkFilename: '[name].[id].js',
publicPath: '/',
},
resolve: {
alias: {
svelte: path.resolve('node_modules', 'svelte'),
},
extensions: ['.mjs', '.js', '.ts', '.svelte'],
mainFields: ['svelte', 'module', 'browser', 'main'],
},
module: {
parser: {
javascript: {
exportsPresence: 'error',
},
},
rules: [
{
test: /\.svelte$/,
use: {
loader: 'svelte-loader',
options: {
dev: true,
},
},
},
{
// required to prevent errors from Svelte on Webpack 5+, omit on Webpack 4
test: /node_modules\/svelte\/.*\.mjs$/,
resolve: {
fullySpecified: false,
},
},
// javascript support
{
test: jsRegex,
exclude: {
// exclude node_modules...
or: [/node_modules/],
// ...but keep svelte internals
not: [/node_modules\/svelte\/internal/],
},
use: {
loader: 'esbuild-loader',
options: {
implementation: esbuild,
loader: 'js',
target,
},
},
},
// typescript support
{
test: tsRegex,
exclude: {
// exclude node_modules...
or: [/node_modules/],
// ...but keep svelte internals
not: [/node_modules\/svelte\/internal/],
},
use: {
loader: 'esbuild-loader',
options: {
implementation: esbuild,
loader: 'ts',
target,
},
},
},
].filter(Boolean),
},
plugins: [isDev && new CaseSensitivePathsPlugin()].filter(Boolean),
};
return config;
}