@newhighsco/next-plugin-svgr v3.0.129
next-plugin-svgr
Next.js plugin for transforming SVGs into React components using SVGR
Installation
Install Next.js and @newhighsco/next-plugin-svgr
:
npm install --save next @newhighsco/next-plugin-svgr
Usage
Create a next.config.js
in your project:
// next.config.js
const withSvgr = require('@newhighsco/next-plugin-svgr')
module.exports = withSvgr({
svgrOptions: {
/* config options here */
}
})
In your code:
import starUrl, { ReactComponent as Star } from './star.svg'
const App = () => (
<>
<img src={starUrl} alt="star" />
<Star />
</>
)
With TypeScript
In your next-env.d.ts
file (or in another type declaration file of your choosing that's within the include
section of your tsconfig.js
), simply add the following:
declare module '*.svg' {
import { FC, SVGProps } from 'react';
export const ReactComponent: FC<SVGProps<SVGSVGElement>>;
const src: string;
export default src;
}
This notifies the compiler of the 2 possible ways you're able to import and use SVG files with this plugin integrated.
Options
CHANGELOG
15 days ago
22 days ago
27 days ago
28 days ago
2 months ago
2 months ago
2 months ago
2 months ago
4 months ago
5 months ago
6 months ago
9 months ago
9 months ago
8 months ago
8 months ago
7 months ago
7 months ago
7 months ago
7 months ago
6 months ago
6 months ago
8 months ago
10 months ago
10 months ago
10 months ago
10 months ago
9 months ago
10 months ago
9 months ago
9 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
11 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago