https://github.com/privatenumber/svg-trace-loader
Webpack loader to trace and flatten SVGs into one path
https://github.com/privatenumber/svg-trace-loader
Last synced: 6 days ago
JSON representation
Webpack loader to trace and flatten SVGs into one path
- Host: GitHub
- URL: https://github.com/privatenumber/svg-trace-loader
- Owner: privatenumber
- License: mit
- Created: 2019-12-06T23:24:51.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-04-05T17:05:59.000Z (over 4 years ago)
- Last Synced: 2025-09-23T13:38:16.574Z (17 days ago)
- Language: JavaScript
- Homepage:
- Size: 91.8 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# svg-trace-loader
> Webpack loader to trace and flatten SVGs into one `path`
## :rocket: Install
```sh
npm i svg-trace-loader
```
## :beginner: Usage
In your Webpack config
```json5
module: {
rules: [
...,
{
test: /\.svg$/,
use: [
'file-loader',
'svg-trace-loader',
],
},
...
```
Set target dimensions with the `dimensions` option:
```json5
module: {
rules: [
...,
{
test: /\.svg$/,
use: [
'file-loader',
{
loader: 'svg-trace-loader',
options: {
dimensions: {
width: 16,
height: 16,
},
},
}
],
},
...
```