Comments (9)
This is what I do:
- I copy any new svgs to
src/assets/svg/new
. - I run
yarn svgr
. - New svgs are moved to
src/assets/svg
. - Created components are placed in
src/components/svg
.
"svgr": "svgr src/assets/svg/new --out-dir src/components/svg",
"postsvgr": "yarn svgr:sync",
"svgr:sync": "rsync -r src/assets/svg/new/. src/assets/svg",
"postsvgr:sync": "rm -rf src/assets/svg/new && mkdir src/assets/svg/new",
from svgr.
@sonaye yes of course, we have to fix that.
from svgr.
There is no way to do it out of the box, but I suggest you to convert all svg to a temporary directory, then copy only new files. You can do it using rsync --ignore-existing
. So your script will be:
svgr -d icons temp-icons && rsync --ignore-existing temp-icons icons`
I probably missed some rsync
options but this is the idea.
Does it solve your problem?
from svgr.
Sorry I think i miscommunicated a little...I get the svgs from invision but download them as static files into the project tree rather than retrieve them from a host. Dont know much about rsync but I dont think that helps me in this case?
from svgr.
Yes, so you download them, place it in "svg-folder" then you edit them if you want, then you run "svgr + rsync".
from svgr.
@CammyMurrie does it solve your problem?
from svgr.
I think we could add this feature in SVGR now. I reopen it!
from svgr.
@neoziro Awesome, I am guessing this would require improvements on the config file. Can we add support for outDir and templatePath there too? outDir seems to not work at all from the config file, as for template, it currently only accepts a function.
from svgr.
See #182.
from svgr.
Related Issues (20)
- SVG not loading in Next.js version 14.0.4 HOT 4
- Custom template variable undefined when used as location for import declaration
- @svgr/webpack Not working with svg's from shared package inside monorepo HOT 1
- Unique IDs in runtime HOT 1
- Classic url import issue in typescript
- React Warning: Each child in a list should have a unique 'key' prop - Unveiling the SVGR SVG Component Dilemma
- Snake Case dependancy is depricated
- Introduce option to allow remove attributes for any component name
- overwriting dimensions HOT 1
- Website not working on Arc browser HOT 4
- Does the current project support the use of Vue2 or Vue3?
- fallback title is not working HOT 1
- Using props on SVGR components dynamically-imported with webpack
- exportType still doesn't work with rollupjs ?! HOT 1
- Unable to resolve 'path'
- White screen of death (React error) on the website HOT 1
- Generate d.ts per svg file
- Svgr trying to convert attributes fills in to style
- provide example on how to manipulate custom template props
- Command line tool outputting to file with binary character appended to the beginning and fails to compile
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from svgr.