This repository has been archived by the owner on Apr 5, 2023. It is now read-only.

Firefox에서 css안에 inline으로 넣은 svg가 안보임 #5

Closed

zxzl opened this issue Nov 21, 2017 · 2 comments

Collaborator

zxzl commented Nov 21, 2017

근데 내가 파폭 유저가 되버렸음 😂

Collaborator Author

zxzl commented Nov 26, 2017 •

edited

inline 으로 안넣고 url-loader로 넣으면 안깨짐. 사실 이렇게 하는게 맞음
원래 react-svg로 svg파일은 react 모듈로 바로 로드했었는데 이제는 img 의 src로 하던지 해야함
css에서 url()로 넣을 때는 quote가 있어야되고 img src 에는 필요 없네?
Webpack2 부터 rule에 oneOf가 생기고 resourceQuery를 쓸 수 있네?
근데 지금 Webpack1임...

url-loader 세팅
react-svg로 로드한거 다 img로 바꾸기
webpack2로 바꾸기

zxzl added a commit that referenced this issue


          Load svg using url loader #5

68cc149

Collaborator Author

zxzl commented Feb 24, 2018

url('../assets/ic-radio-off-normal.svg?inline')
이런식으로 끝에 resourceQuery를 붙여서 url-loader를 쓸 때랑 react-svg-loader를 구분

zxzl closed this as completed

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.