Add ? to resourceQuery for Consistency with interpolateName Behavior

README.md

@@ -90,7 +90,7 @@ Output name of the resource file, its usage aligns with the [`name`](https://git
 - Example:
   ```typescript
   libAssetsPlugin({
-    name: '[name].[contenthash:8].[ext]?[query]'
+    name: '[name].[contenthash:8].[ext][query]'
   })
   ```
 > The complete list can be found at [`loader-utils#interpolatename`](https://github.com/webpack/loader-utils#interpolatename)
@@ -127,7 +127,7 @@ Specify the output path where the extracted files will be placed.
       outputPath: (url, resourcePath, resourceQuery) => {
         // `url` - file name processed by the `name` option，eg: `logo.fb2133.png`
         // `resourcePath` - `/original/absolute/path/to/file.js`
-        // `resourceQuery` - `foo=bar`
+        // `resourceQuery` - `?foo=bar`
 
         return url.endsWith('.png') ? 'image' : 'assets'
       },

package.json

@@ -82,6 +82,6 @@
   },
   "volta": {
     "node": "18.16.1",
-    "pnpm": "8.6.2"
+    "pnpm": "9.10.0"
   }
 }

playground/package.json

@@ -1,7 +1,8 @@
 {
   "private": true,
   "scripts": {
-    "dev": "nodemon -w '../src/**/*.ts' -e .ts -x vite build"
+    "dev": "nodemon -w '../src/**/*.ts' -e .ts -x vite build",
+    "build": "vite build"
   },
   "dependencies": {
     "@fontsource-variable/raleway": "^5.0.18",

playground/src/async.ts

@@ -1,4 +1,7 @@
 import './async.css'
+import png from './assets/chrome-file.png'
+
+export const pngUrl = png
 
 // eslint-disable-next-line no-console
 export default () => console.log('I\'m an async module')

playground/src/global.d.ts

@@ -2,6 +2,10 @@ declare module '*.svg' {
   const src: string;
   export default src;
 }
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
 
 declare module '*.vue' {
   import { defineComponent } from 'vue'

playground/src/styles/index.css

@@ -3,3 +3,6 @@
 .themes-red {
   background: url('./assets/vite-logo-css-local.svg') no-repeat left top / cover;
 }
+.themes-blue {
+  background: url('./assets/chrome-css.png') no-repeat left top / cover;
+}