QF.WebApp.SDK/webpack.config.ts at main · QuotationFactory/QF.WebApp.SDK · GitHub

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
const path = require('path');
const Dotenv = require('dotenv-webpack');
const webpack = require('webpack');
const { CleanWebpackPlugin } = require('clean-webpack-plugin')

module.exports = (env) => {
    const config: Record<string, string> = Object.keys(env || {})
        .reduce((prev, key) => {
            if (!env[key]?.toString()?.startsWith('WEBPACK')) {
                prev[`process.env.${key}`] = env[key]
            }

            return prev
        }, {})

    console.log('env vars', config);

    return {
        mode: 'production',
        entry: './src/rh24-webapp-sdk.ts',
        module: {
            rules: [
                {
                    test: /\.ts?$/,
                    use: 'ts-loader',
                    exclude: /node_modules/,
                },
            ],
        },
        resolve: {
            extensions: ['.tsx', '.ts', '.js'],
        },
        output: {
            filename: 'rh24-webapp-sdk.js',
            path: path.resolve(__dirname, 'dist'),
            library: 'rh24Sdk',
            libraryTarget: 'umd',
        },
        devtool: 'source-map',
        plugins: [
            new webpack.ProgressPlugin(),
            new CleanWebpackPlugin(),
            // new webpack.DefinePlugin(config),
        ]
    }
}


// module.exports = ['source-map'].map((devtool) => {
//     // const config: Record<string, string> = Object.keys(env || {})
//     //     .reduce((prev, key) => {
//     //         if (!env[key]?.toString()?.startsWith('WEBPACK')) {
//     //             prev[`process.env.${key}`] = env[key]
//     //         }

//     //         return prev
//     //     }, {})

//     // console.log('env vars', config);

//     return {
//         mode: 'production',
//         entry: './src/rh24-webapp-sdk.ts',
//         module: {
//             rules: [
//                 {
//                     test: /\.ts?$/,
//                     use: 'ts-loader',
//                     exclude: /node_modules/,
//                 },
//             ],
//         },
//         resolve: {
//             extensions: ['.tsx', '.ts', '.js'],
//         },
//         output: {
//             filename: 'rh24-webapp-sdk-[name].js',
//             path: path.resolve(__dirname, 'dist'),
//             library: 'rh24-webapp-sdk',
//             libraryTarget: 'umd',
//         },
//         devtool,
//         optimization: {
//             runtimeChunk: true
//         },
//         plugins: [
//             new webpack.ProgressPlugin(),
//             new CleanWebpackPlugin(),
//             // new webpack.DefinePlugin(config),
//         ]
//     }
// })