chore: add ESM webpack

Author: yvonneyx

packages/layout/package.json

@@ -60,7 +60,7 @@
     "dev": "webpack --config webpack.dev.config.js --mode development",
     "build": "npm run clean && run-p build:*",
     "ci": "npm run build && npm run test",
-    "build:esm": "tsc",
+    "build:esm": "webpack --config webpack.esm.config.js --mode production",
     "build:umd": "webpack --config webpack.config.js --mode production",
     "publish:alpha": "npm publish --tag alpha",
     "test": "jest",

packages/layout/tsconfig.json

@@ -15,6 +15,7 @@
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "lib": ["esnext", "dom"],
+    "types": [],
     "experimentalDecorators": false /* Enables experimental support for ES7 decorators. */,
     // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */
     "downlevelIteration": true,

packages/layout/webpack.esm.config.js

@@ -0,0 +1,30 @@
+const path = require("path");
+
+module.exports = {
+  entry: "./src/bundle-entry.ts",
+  experiments: {
+    outputModule: true,
+  },
+  output: {
+    filename: "index.js",
+    publicPath: "",
+    path: path.resolve(__dirname, "lib"),
+    library: {
+      type: "module",
+    },
+    clean: true,
+  },
+  resolve: {
+    extensions: [".ts", ".js"],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        use: "ts-loader",
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  devtool: "source-map",
+};