@aravindballa/image-size-loader
v0.7.1
Published
image size loader module for webpack
Downloads
2
Readme
image size loader for webpack
A webpack image loader with extra size info for image.
Usage
npm install image-size-loader --save
var image = require("image-size!./file.png");
// => emits file.png to the output directory
// => returns an object
// => { width: 150, height: 50, type: "png", src: __webpack_public_path__ + "file.png", bytes: 1234 }
Options
query params
name
var image = require('image-size?name=[hash].[ext]!./file.png');
Filename placeholders
[ext]
the extension of the resource[name]
the basename of the resource[path]
the path of the resource relative to thecontext
query parameter or option.[hash]
the hash of the content[<hashType>:hash:<digestType>:<length>]
optionally you can configure- other
hashType
s, i. e.sha1
,md5
,sha256
,sha512
- other
digestType
s, i. e.hex
,base26
,base32
,base36
,base49
,base52
,base58
,base62
,base64
- and
length
the length in chars
- other
[N]
the N-th match obtained from matching the current file name against the query paramregExp
Source: https://github.com/webpack/loader-utils#interpolatename
Examples
webpack.config.js
// webpack.config.js
module.exports = {
output: {
publicPath: '/public/'
},
module: {
loaders: [
{
test: /\.(gif|jpeg|jpg|png|svg)$/,
loader: 'image-size-loader'
}
]
}
};
example_module.js
var result = require("./image.png");
// => {width: 500, height: 700, type: "png", src: __webpack_public_path__ + "image.png", bytes: 1234}