A loader for webpack that makes it easy to use SVG from Illustrator
npm install svg-from-illustrator-loaderA loader for webpack that makes it easy to use SVG from Illustrator
``js`
// React
import Example from './Example.svg'
export default () => (
)
`bash`
npm install svg-from-illustrator-loader
`javascript`
// ...
{
test: /\.svg$/,
use: [
{
loader: require.resolve('svg-from-illustrator-loader')
}
]
},
// ...
- exportStyle: 'default' | 'name' | 'none'
- defaultValue === 'default'
`javascript
// none
const Example = require('./Example.svg') // ES5
import Example from './Example.svg' // ES6
// name
const Example = require('./Example.svg').Example // ES5
import { Example } from './Example.svg' // ES6
// default
const Example = require('./Example.svg').default // ES5
import Example from './Example.svg' // ES6
`
- name
- defaultValue === '[name]_[index]'
- [name] === iconName from title
- [index] === index in SVG
- illustratorClass
- defaultValue === 'cls'
- remove
- title: defaultValue === false
- xmlns: defaultValue === false
- space: defaultValue === false
`html``
- this document is a little poor...
- type support for typescript