https://github.com/mirinzhang/svg-to-base64
A Webpack Loader to turn SVGs into Base64
https://github.com/mirinzhang/svg-to-base64
loader react turn-svgs webpack webpack-loader
Last synced: 7 months ago
JSON representation
A Webpack Loader to turn SVGs into Base64
- Host: GitHub
- URL: https://github.com/mirinzhang/svg-to-base64
- Owner: mirinzhang
- Created: 2017-03-03T05:32:33.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-03-10T18:07:04.000Z (over 8 years ago)
- Last Synced: 2024-04-25T12:22:32.771Z (over 1 year ago)
- Topics: loader, react, turn-svgs, webpack, webpack-loader
- Language: JavaScript
- Size: 6.84 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> A Webpack Loader to turn SVGs into Base64
## Install
```sh
npm i -D svg2base64-loader
```
## Useage
```js
// without webpack loader config
import FirstImage from 'svg2base64!./firstImage.svg'; // also support .svgx file
// or let FirstImage = require('svg2base64!./firstImage.svg');
// with webpack loader config
import SecondImage from './secondImage.svg';
// or let SecondImage = require('/secondImage.svg');
// use in your component
```
### Loader output
#### Webpack1.x
```js
// In your webpack config
{
test: /\.(svg|svgx)$/,
loader: "svg2base64"
}
```
#### Webpack2.x
```js
// In your webpack config
{
test: /\.(svg|svgx)$/,
use: ["svg2base64"]
}