Skip to content

Commit a0eab0f

Browse files
authored
document [query] placeholder (#3896)
1 parent 5d17458 commit a0eab0f

File tree

3 files changed

+10
-7
lines changed

3 files changed

+10
-7
lines changed

src/content/configuration/module.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -422,7 +422,7 @@ __webpack.config.js__
422422
module.exports = {
423423
//...
424424
output: {
425-
assetModuleFilename: 'images/[hash][ext]'
425+
assetModuleFilename: 'images/[hash][ext][query]'
426426
},
427427
module: {
428428
rules: [

src/content/configuration/output.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -362,6 +362,8 @@ T> When using the [`ExtractTextWebpackPlugin`](/plugins/extract-text-webpack-plu
362362

363363
## `output.assetModuleFilename`
364364

365+
`string = '[hash][ext][query]'`
366+
365367
The same as [`output.filename`](#outputfilename) but for [Asset Modules](/guides/asset-modules/)
366368

367369
## `output.globalObject`

src/content/guides/asset-modules.md

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ sort: 24
44
contributors:
55
- smelukov
66
- EugeneHlushko
7+
- chenxsan
78
related:
89
- title: webpack 5 - Asset Modules
910
url: https://dev.to/smelukov/webpack-5-asset-modules-2o3h
@@ -82,7 +83,7 @@ All `.png` files will be emitted to the output directory and their paths will be
8283

8384
### Custom output filename
8485

85-
By default, `asset/resource` modules are emitting with `[hash][ext]` filename into output directory.
86+
By default, `asset/resource` modules are emitting with `[hash][ext][query]` filename into output directory.
8687

8788
You can modify this template by setting [`output.assetModuleFilename`](/configuration/output/#outputassetmodulefilename) in your webpack configuration:
8889

@@ -96,7 +97,7 @@ module.exports = {
9697
output: {
9798
filename: 'main.js',
9899
path: path.resolve(__dirname, 'dist'),
99-
+ assetModuleFilename: 'images/[hash][ext]'
100+
+ assetModuleFilename: 'images/[hash][ext][query]'
100101
},
101102
experiments: {
102103
asset: true
@@ -122,7 +123,7 @@ module.exports = {
122123
output: {
123124
filename: 'main.js',
124125
path: path.resolve(__dirname, 'dist'),
125-
+ assetModuleFilename: 'images/[hash][ext]'
126+
+ assetModuleFilename: 'images/[hash][ext][query]'
126127
},
127128
experiments: {
128129
asset: true
@@ -138,7 +139,7 @@ module.exports = {
138139
+ test: /\.html/,
139140
+ type: 'asset/resource',
140141
+ generator: {
141-
+ filename: 'static/[hash][ext]'
142+
+ filename: 'static/[hash][ext][query]'
142143
+ }
143144
+ }
144145
]
@@ -162,7 +163,7 @@ module.exports = {
162163
output: {
163164
filename: 'main.js',
164165
path: path.resolve(__dirname, 'dist'),
165-
- assetModuleFilename: 'images/[hash][ext]'
166+
- assetModuleFilename: 'images/[hash][ext][query]'
166167
},
167168
experiments: {
168169
asset: true
@@ -180,7 +181,7 @@ module.exports = {
180181
- test: /\.html/,
181182
- type: 'asset/resource',
182183
- generator: {
183-
- filename: 'static/[hash][ext]'
184+
- filename: 'static/[hash][ext][query]'
184185
- }
185186
- }
186187
]

0 commit comments

Comments
 (0)