Embroider App Webpack Dev Server Config

webpack.config.js

/* eslint-env node */
const { Webpack } = require("@embroider/webpack");
const variant = {
  name: "dev",
  runtime: "browser",
  optimizeForProduction: false,
};
const webpack = new Webpack(
  __dirname,
  __dirname + "/dist",
  [variant],
  console.log.bind(console)
);
const appInfo = webpack.examineApp();
const config = webpack.configureWebpack(appInfo, variant);
config.devServer = {
  contentBase: webpack.outputPath,
  writeToDisk: true,
  before: function (_app, _server, compiler) {
    compiler.hooks.done.tapPromise("EmbroiderWriteFiles", async (stats) => {
      try {
        // embroider expects a multi stats object for variants
        const multiStats = { children: [stats.toJson()] };
        await webpack.writeFiles(webpack.summarizeStats(multiStats), appInfo);
      } catch (e) {
        console.error(e);
      }
    });
  },
};
module.exports = config;