@mainset/bundler-webpack 0.4.0 → 0.4.1

package/dist/esm/webpack-config/config-fragments/module-rules/module-rules.fragment.mjs

@@ -14,14 +14,22 @@ const BABEL_LOADER__RULE__WEBPACK_CONFIG_FRAGMENT = createBabelLoaderRule(BABEL_
 const SSR_SERVER_BABEL_LOADER__RULE__WEBPACK_CONFIG_FRAGMENT = createBabelLoaderRule(BABEL_CONFIG__NODE);
 const IMAGES__RULE__WEBPACK_CONFIG_FRAGMENTS = [
     {
-        test: /\.(svg|png)$/,
+        test: /\.(avif|gif|ico|jpe?g|png|svg|webp)$/i,
         exclude: /\.source\.svg$/,
         type: 'asset/resource',
         generator: {
-            filename: '[name].[contenthash:8].[ext]',
+            // NOTE: written to `<output.path>/assets/images/`, loaded from
+            // `<output.publicPath>assets/images/`. `[ext]` already includes the dot.
+            filename: 'assets/images/[name].[contenthash:8][ext]',
+            // NOTE: replaced by the folder in {filename} above — the only option
+            // webpack applies to both the file and its URL. {outputPath} never
+            // reaches the URL, and a {publicPath} here REPLACES {output.publicPath}:
+            // a relative one resolves against the page's URL, which breaks on nested
+            // routes (/en/docninja → /en/assets/images/…) and for Module Federation
+            // remotes, whose images live on their own origin (CDN), not the host's.
             // NOTE: the following paths are relative to the webpack output path (e.g. dist/)
-            outputPath: 'assets/images/',
-            publicPath: 'assets/images/',
+            // outputPath: 'assets/images/',
+            // publicPath: 'assets/images/',
         },
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mainset/bundler-webpack",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Bundler for web apps",
   "homepage": "https://github.com/mainset/dev-stack-fe/tree/main/packages/bundler-webpack",
   "bugs": {
@@ -55,8 +55,8 @@
     "webpack-merge": "^6.0.1"
   },
   "devDependencies": {
-    "@mainset/dev-stack-fe": "^0.2.3",
-    "@mainset/cli": "^0.7.4"
+    "@mainset/cli": "^0.7.4",
+    "@mainset/dev-stack-fe": "^0.2.3"
   },
   "peerDependencies": {
     "@mainset/cli": ">=0.5.0 <1.0.0",

package/src/@types/bundler.d.ts

@@ -37,6 +37,26 @@ declare module '*.scss';
 declare module '*.sass';
 
 // NOTE: {asset/resource} — emits the file and exports its public URL
+declare module '*.avif' {
+  const src: string;
+  export default src;
+}
+declare module '*.gif' {
+  const src: string;
+  export default src;
+}
+declare module '*.ico' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpeg' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
 declare module '*.png' {
   const src: string;
   export default src;
@@ -45,3 +65,7 @@ declare module '*.svg' {
   const src: string;
   export default src;
 }
+declare module '*.webp' {
+  const src: string;
+  export default src;
+}