webpack.config.js

const path = require('path')
const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin")
const Dotenv = require("dotenv-webpack")
const HtmlWebpackPlugin = require("html-webpack-plugin");
const CopyPlugin = require('copy-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = {
  entry: [
    "./src/index.tsx",
    "./src/wasm_exec.js"
  ],
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist'),
    publicPath: "/"
  },
  resolve: {
    extensions: [ '.tsx', '.ts', '.js' ],
    alias: {
      "pages": path.resolve(__dirname, "src/pages"),
      "providers": path.resolve(__dirname, "src/providers"),
      "components": path.resolve(__dirname, "src/components"),
      "containers": path.resolve(__dirname, "src/containers"),
      "api": path.resolve(__dirname, "src/api"),
      "layout": path.resolve(__dirname, "src/layout"),
      "util": path.resolve(__dirname, "src/util"),
      vscode: require.resolve("monaco-languageclient/lib/vscode-compatibility")
    }
  },
  devtool: 'source-map',
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      },
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"]
      },
      {
        test: /\.ttf$/,
        use: ["file-loader"]
      },
      { test: /\.hbs$/,
        loader: "handlebars-loader",
        options: {
          knownHelpersOnly: false,
          partialDirs: [path.join(__dirname, './src/templates/js/partials')],
          helperDirs: [path.join(__dirname, './src/templates/js/helpers')],
        },
      }
    ]
  },
  devServer: {
    contentBase: path.join(__dirname, 'dist'),
    disableHostCheck: true,
    historyApiFallback: true,
    writeToDisk: true,
    port: 3000,
  },
  plugins: [
    new CleanWebpackPlugin(),
    new MonacoWebpackPlugin({
      languages: []
    }),
    new Dotenv(),
    new HtmlWebpackPlugin({
      template: "./src/index.html",
    }),
    new CopyPlugin({
      patterns: [
        { from: 'public', to: '.' },
        //{ from: 'node_modules/@onflow/cadence-language-server/dist/cadence-language-server.wasm', to: '.'}
      ],
      options: {
        concurrency: 100,
      },
    }),
   
],
  node: {
    net: 'empty',
    fs: 'empty',
    util: 'empty'
  }
}