@stanlemon/webdev 0.1.20 → 0.1.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stanlemon/webdev",
-  "version": "0.1.20",
+  "version": "0.1.23",
   "description": "My typical web development setup, but without all the copy and paste.",
   "keywords": [
     "webpack",
@@ -15,6 +15,7 @@
   },
   "type": "module",
   "scripts": {
+    "test": "WEBDEV_ENTRY=./test.tsx webpack build",
     "lint": "eslint --ext js,jsx,ts,tsx ./",
     "lint:format": "eslint --fix --ext js,jsx,ts,tsx ./"
   },
@@ -44,10 +45,10 @@
     "jest": "^27.5.1",
     "less": "^4.1.2",
     "less-loader": "^10.2.0",
-    "prettier": "^2.6.1",
+    "prettier": "^2.6.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-refresh": "^0.12.0",
+    "react-refresh": "^0.11.0",
     "style-loader": "^3.3.1",
     "typescript": "^4.6.3",
     "webpack": "^5.71.0",

package/test.tsx

@@ -0,0 +1,11 @@
+import ReactDOM from "react-dom";
+
+type Props = {
+  name: string;
+};
+
+function App({ name }: Props) {
+  return <div>Hello {name}!</div>;
+}
+
+ReactDOM.render(<App name="world" />, document.getElementById("root"));

package/webpack.config.js

@@ -1,5 +1,5 @@
 import path from "path";
-import { readFileSync } from "fs";
+import { readFileSync, existsSync } from "fs";
 import webpack from "webpack";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import ReactRefreshWebpackPlugin from "@pmmmwh/react-refresh-webpack-plugin";
@@ -121,8 +121,8 @@ export default {
         }
         return new HtmlWebpackPlugin({
           filename: path.basename(html),
-          template: html,
           inject,
+          ...(existsSync(html) ? { template: html } : {}),
         });
       }),
       new webpack.DefinePlugin({