Load and optimize assets for json lottie-web files

Usage

``
npm install lottie-web-webpack-loader --save-dev
`

webpack.config.js

`javascript
module.exports = {
module: {
rules: [
{
type: 'javascript/auto',
test: /\.json$/,
include: /(lottie)/,
loader: 'lottie-web-webpack-loader',
options: {
assets: {
scale: 0.5 // proportional resizing multiplier
}
}
}
]
}
}
`

animation.js

`javascript
import lottie from 'lottie-web';
import animationData from '@/assets/lottie/hero/index.json';

const heroAnimation = lottie.loadAnimation({
container: document.getElementById('hero-animation'),
renderer: 'svg',
animationData
});

heroAnimation.goToAndPlay(0, true);
`

query parameters exampl

`javascript
import animationData from '@/assets/lottie/hero/index.json?{"assets":{"scale":0.01}}';
import animationData from '@/assets/lottie/hero/index.json?{"scale":0.01}';

import animationData from '!lottie-web-webpack-loader?{"assets":{"scale":0.01}}!@/assets/lottie/hero/index.json?';
import animationData from '!lottie-web-webpack-loader?{"scale":0.01}!@/assets/lottie/hero/index.json?';
``

Dependencies

oliver-moran/jimp

License

MIT