|
|
||||
|---|---|---|---|---|
| .. | ||||
| .github | 11e3a9652a | 7 anni fa | ||
| node_modules | 11e3a9652a | 7 anni fa | ||
| .npmignore | 11e3a9652a | 7 anni fa | ||
| CHANGELOG.md | 11e3a9652a | 7 anni fa | ||
| LICENSE | 11e3a9652a | 7 anni fa | ||
| README.md | 11e3a9652a | 7 anni fa | ||
| index.js | 11e3a9652a | 7 anni fa | ||
| package.json | 11e3a9652a | 7 anni fa | ||
npm install --save-dev url-loader
The url-loader works like the file-loader, but can return a DataURL if the file is smaller than a byte limit.
import img from './image.png'
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.(png|jpg|gif)$/,
use: [
{
loader: 'url-loader'
options: {
limit: 8192
}
}
]
}
]
}
}
| Name | Type | Default | Description |
|---|---|---|---|
limit |
{Number} |
undefined |
Byte limit to inline files as Data URL |
mimetype |
{String} |
extname |
Specify MIME type for the file (Otherwise it's inferred from the file extension) |
prefix |
{String} |
false |
Parameters for the file-loader are valid too. They are passed to the file-loader if used |
limitIf the file is greater than the limit (in bytes) the file-loader is used and all query parameters are passed to it.
The limit can be specified via loader options and defaults to no limit.
webpack.config.js
{
loader: 'url-loader',
options: {
limit: 8192
}
}
mimetypeSet the MIME type for the file. If unspecified the file extensions will be used to lookup the MIME type.
webpack.config.js
{
loader: 'url-loader',
options: {
mimetype: 'image/png'
}
}
prefix{
loader: 'url-loader',
options: {
prefix: 'img'
}
}
Juho Vepsäläinen
|
Joshua Wiens
|
Artem Sapegin
|
Michael Ciniawsky
|
Alexander Krasnoyarov
|