Kraken.io image optimisation loader for Webpack 2+
npm install kraken-loaderkraken-loader
===========
Image optmization loader for Webpack 2+ using Kraken.io.
1. Installation
1. Options
1. Usage
1. Acknowledgements
1. LICENSE - MIT
`````
$ npm i -D kraken-loader
The loader supports the following options:
* key - your Kraken API Keysecret
* - your Kraken API Secretlossy
* - enable/disable intelligent lossy optimization. Defaults to trueenabled
* - enable/disable optimization using this loader. Defaults to truesilent
* - enable/disable byte savings message. Defaults to false
The loader also supports supplying your API credentials using the following environment variables:
* KRAKEN_LOADER_KEY - Kraken API KeyKRAKEN_LOADER_SECRET
* - Kraken API Secret
The environment variables offer a way to supply your API credentials without having to commit them to your VCS. This is the recommended method for supplying your Kraken.io API credentials.
It is expected that this plugin will be used alongside the url-loader, file-loader, or raw-loader.
``js``
module.exports = {
...
module: {
rules: [
{
test: /\.(jpe?g|png|gif|svg)$/i,
use: [
{
loader: 'file-loader',
options: {
name: 'images/[name].[ext]'
}
},
'kraken-loader'
]
}
],
}
}
js
module.exports = {
...
module: {
rules: [
{
test: /\.(jpe?g|png|gif|svg)$/i,
use: [
{
loader: 'file-loader',
options: {
name: 'images/[name].[ext]'
}
},
{
loader: 'kraken-loader',
options: {
enabled: process.env.NODE_ENV === 'production',
secret: 'my-api-secret',
silent: true,
lossy: true,
key: 'my-api-key'
}
}
]
}
]
}
}
``Supplying your API credentials in the options object is optional. The options object can be used alongside the environment variables for specifying API credentials.
This plugin was inspired by the gulp-kraken plugin.