const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const webpack = require("webpack");
const WasmPackPlugin = require("@wasm-tool/wasm-pack-plugin");
const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
module.exports = {
entry: "./index.js",
output: {
path: path.resolve(__dirname, "dist"),
filename: "index.js",
},
plugins: [
new MonacoWebpackPlugin(),
new HtmlWebpackPlugin({
title: "petr",
template: "index.html",
}),
new WasmPackPlugin({
crateDirectory: path.resolve(__dirname, "."),
}),
new webpack.ProvidePlugin({
TextDecoder: ["text-encoding", "TextDecoder"],
TextEncoder: ["text-encoding", "TextEncoder"],
}),
],
module: {
rules: [
{
test: /\.css$/,
use: [ "style-loader", "css-loader"],
},
{
test: /\.ttf$/,
type: "asset/resource",
},
],
},
mode: "development",
experiments: {
asyncWebAssembly: true,
},
};