tower-lsp-web-demo/packages/app/webpack.config.js

// @ts-check

const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const path = require("path");
const webpack = require("webpack");

/** @type {import("webpack").Configuration & { devServer?: import("webpack-dev-server").Configuration } } */
const config = {
  experiments: {
    asyncWebAssembly: true,
  },
  mode: "production",
  target: "web",
  entry: {
    app: "./src/index.ts",
    "editor.worker": "monaco-editor-core/esm/vs/editor/editor.worker.js",
  },
  resolve: {
    alias: {
      vscode: require.resolve("monaco-languageclient/vscode-compatibility"),
    },
    extensions: [".ts", ".js", ".json", ".ttf"],
    fallback: {
      fs: false,
      child_process: false,
      net: false,
      crypto: false,
      path: require.resolve("path-browserify"),
    },
  },
  output: {
    globalObject: "self",
    filename: "[name].bundle.js",
    path: path.resolve(__dirname, "dist"),
  },
  module: {
    rules: [
      {
        test: /\.ts?$/,
        loader: "esbuild-loader",
        options: {
          loader: "ts",
          target: "es2022",
          minify: true,
        },
      },
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"],
      },
      {
        test: /\.(woff|woff2|eot|ttf|otf)$/i,
        type: "asset/resource",
      },
    ],
  },
  plugins: [
    new webpack.ProgressPlugin(),
    new CleanWebpackPlugin(),
    new CopyWebpackPlugin({
      patterns: [
        {
          from: "../../node_modules/web-tree-sitter/tree-sitter.wasm",
        },
      ],
    }),
    new HtmlWebpackPlugin({
      template: "assets/index.html",
      scriptLoading: "module",
      title: "tower-lsp web demo",
    }),
  ],
  optimization: {
    minimize: true,
  },
  performance: {
    hints: false,
  },
  devServer: {
    static: {
      directory: path.join(__dirname, "dist"),
    },
    compress: true,
    port: 9000,
    client: {
      progress: true,
      reconnect: false,
    },
  },
};

module.exports = config;