-
Notifications
You must be signed in to change notification settings - Fork 7
/
webpack.config.js
63 lines (56 loc) · 1.78 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
const path = require('path');
const CopyPlugin = require('copy-webpack-plugin');
const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
/** Configuration Webpack */
module.exports = function (env, argv) {
return {
// configuration en fonction de l'environnement cible
mode: env.production ? 'production' : 'development',
devtool: env.production ? 'source-map' : 'inline-source-map',
// chemin de base
context: path.resolve(__dirname),
// point d'entrée de la bibliothèque
entry: './src/index.ts',
// traitement des fichiers
module: {
rules: [
// transpilation des fichiers TS
{
test: /\.tsx?$/,
use: 'ts-loader',
exclude: /node_modules/,
},
],
},
// exporte la feuille de styles globale sans traitement
plugins: [
new CopyPlugin({
patterns: [{from: 'src/global.css', to: ''}],
}),
],
resolve: {
// ordre de résolution des modules js par extension
extensions: ['.tsx', '.ts', '.js'],
// ajoute les alias de chemins d'import définis dans la config TS
plugins: [new TsconfigPathsPlugin()],
},
// exclut du bundle les bibliothèques externes
externals: {
react: 'react',
'react-dom': 'react-dom',
classnames: 'classnames',
'@floating-ui/react': '@floating-ui/react',
},
// configuration de la génération
output: {
// le point d'entrée de notre module
filename: 'index.js',
// le chemin du répertoire cible du build
path: path.resolve(__dirname, 'dist'),
// permet que le build UMD soit compatible node & browser
globalObject: 'this',
// type d'exports générés
library: {type: 'umd', name: 'ui', umdNamedDefine: true},
},
};
};