Firefox에서 css안에 inline으로 넣은 svg가 안보임 - Githubissues

wafflestudio / snutt-webclient

SNUTT web 클라이언트

https://snutt.wafflestudio.com

MIT License

14 stars 0 forks source link

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

Closed zxzl closed 6 years ago

zxzl commented 7 years ago

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

zxzl commented 7 years ago

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

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

zxzl commented 6 years ago

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