Update readme, add serve tasks, name chunks

CHANGELOG.md

@@ -1,11 +1,17 @@
+## 11 April 2024
+
+- Add `serve:*` npm tasks
+- Add chunk file names to `html-bundler-webpack-plugin` config
+- Update readme to not mention css extraction plugin anymore, as it is not used
+
 ## 10 April 2024
 
 - Added sourceMaps (dev, prod)
 - Added non-delayed example of prefetched file
 - Changed `console.log` copy
 - Small cleanup in webpack config
 
-* `html-bundler-webpack-plugin`
+- `html-bundler-webpack-plugin`
   - Always inline entry points (JS and CSS)
   - No longer emits inlined files
   - Improved readme to explain current behavior and how to customize it

README.md

@@ -26,7 +26,6 @@ Having this boilerplate ready to run on your machine is as easy as typing:
 ## Webpack setup includes
 
 - JS and CSS transpilation and minification done by ESBuild (meaning: its FAST)
-- CSS extraction using `mini-css-extract-plugin`
 - HTML generation using `html-bundler-webpack-plugin`
 - SourceMaps:
   - In `development` mode: they are inlined to provide you the best development experience

package.json

@@ -2,18 +2,22 @@
   "scripts": {
     "start": "webpack-dev-server",
     "build": "cross-env NODE_ENV=production webpack",
-    "build:dev": "cross-env NODE_ENV=development webpack-cli"
+    "build:dev": "cross-env NODE_ENV=development webpack-cli",
+    "serve": "serve -p 8888 dist",
+    "serve:dev": "pnpm build:dev && pnpm serve",
+    "serve:prod": "pnpm build && pnpm serve"
   },
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.7",
     "autoprefixer": "^10.4.19",
     "cross-env": "^7.0.3",
-    "css-loader": "^7.0.0",
+    "css-loader": "^7.1.1",
     "esbuild-loader": "^4.1.0",
-    "html-bundler-webpack-plugin": "^3.8.0",
+    "html-bundler-webpack-plugin": "^3.9.1",
     "postcss": "^8.4.38",
     "postcss-import": "^16.1.0",
     "postcss-loader": "^8.1.1",
+    "serve": "^14.2.1",
     "tailwindcss": "^3.4.3",
     "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4",