Setup react native web

2026-08-05 13:46:59 +00:00 · 2026-05-28 12:49:58 +02:00
parent 466b792878
commit 0ac36e9890
6 changed files with 755 additions and 31 deletions
@@ -0,0 +1,69 @@
+const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+
+const appDirectory = path.resolve(__dirname);
+const rootDirectory = path.resolve(__dirname, "..");
+
+module.exports = {
+  mode: "development",
+  devtool: "eval-source-map",
+  entry: path.resolve(__dirname, "index.web.js"),
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: "bundle.web.js",
+    publicPath: "/",
+  },
+  resolve: {
+    extensions: [".web.tsx", ".web.ts", ".tsx", ".ts", ".web.js", ".js"],
+    alias: {
+      "react-native$": "react-native-web",
+      "react-native-omni": path.resolve(rootDirectory, "src"),
+      react: path.resolve(appDirectory, "node_modules", "react"),
+      "react-dom": path.resolve(appDirectory, "node_modules", "react-dom"),
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js|ts|tsx)$/,
+        exclude: /node_modules\/(?!(react-native|@react-native|react-native-web|react-native-omni)\/).*/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            presets: [
+              "@babel/preset-env",
+              "@babel/preset-react",
+              "@babel/preset-typescript",
+            ],
+            plugins: [
+              ["@babel/plugin-transform-react-jsx", { runtime: "automatic" }],
+              [
+                "module-resolver",
+                {
+                  extensions: [".js", ".ts", ".json", ".jsx", ".tsx"],
+                  alias: {
+                    "react-native-omni": path.resolve(rootDirectory, "src"),
+                  },
+                },
+              ],
+            ],
+          },
+        },
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)$/i,
+        type: "asset/resource",
+      },
+    ],
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: path.resolve(__dirname, "public/index.html"),
+    }),
+  ],
+  devServer: {
+    port: 3000,
+    hot: true,
+    historyApiFallback: true,
+  },
+};