RustPython/wasm/notebook/webpack.config.js

const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const WasmPackPlugin = require('@wasm-tool/wasm-pack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

const path = require('path');
const fs = require('fs');

module.exports = (env = {}) => {
    const config = {
        entry: './src/index.js',
        output: {
            path: path.join(__dirname, 'dist'),
            filename: 'index.js'
        },
        mode: 'development',
        resolve: {
            alias: {
                rustpython: path.resolve(
                    __dirname,
                    env.rustpythonPkg || '../lib/pkg'
                )
            }
        },
        module: {
            rules: [
                {
                    test: /\.css$/,
                    use: [MiniCssExtractPlugin.loader, 'css-loader']
                },
                {
                    test: /\.(woff(2)?|ttf)$/,
                    use: {
                        loader:"file-loader",
                        options: { name: "fonts/[name].[ext]" }
                    },
                }
            ]   
        },
        plugins: [
            new CleanWebpackPlugin(),
            new HtmlWebpackPlugin({
                filename: 'index.html',
                template: 'src/index.ejs',
                // templateParameters: {
                // snippets: fs
                //     .readdirSync(path.join(__dirname, 'snippets'))
                //     .map(filename =>
                //         path.basename(filename, path.extname(filename))
                //     ),
                // defaultSnippetName: 'fibonacci',
                // defaultSnippet: fs.readFileSync(
                //     path.join(__dirname, 'snippets/fibonacci.py')
                // )
                // }
            }),
            new MiniCssExtractPlugin({
                filename: 'styles.css'
            }),
        ]
    };
    if (!env.noWasmPack) {
        config.plugins.push(
            new WasmPackPlugin({
                crateDirectory: path.join(__dirname, '../lib'),
                forceMode: 'release'
            })
        );
    }
    return config;
};