# svga-loader

> A loader for webpack to load [svga file](https://github.com/svga/SVGAPlayer-Web). You can parse it at compile-time.

## Usage

```
npm i -D svga-loader
```

wewbpack.config.js

```javascript
module.exports = {
  // ...
  module: {
    rules: [
      // ...
      {
        test: /\.svga$/,
        use: 'svga-loader'
      }
    ]
  },
  // ...
}
```



## example

before

```javascript
import { Player, Parser } from 'svgaplayerweb'

const parser = new Parser('#app')
const player = new Player("#app")

parser.load('ReadyGo.svga', function(videoItem) {
    player.setVideoItem(videoItem);
    player.startAnimation();
})

player.setVideoItem(ReadyGo)
player.startAnimation()
```

with `svga-loader`

```javascript
import { Player } from 'svgaplayerweb'
import ReadyGo from './assets/ReadyGo.svga'

const player = new Player("#app")

player.setVideoItem(ReadyGo)
player.startAnimation()
```