WebpackでCSSのbackgroundにSVGをdata形式で埋め込む
DRANK

Sassで下記のように定義しておきコンパイルすると background-image: url('../file/logo.svg'); 下記のようにするには background-image: url("data:image/svg+xml,..."); svg-url-loaderを使うのが良い。yarn add -D svg-url-loaderとしてインストールした後、webpack.config.jsに下記のように定義するだけ。 module: ...

qiita.com
Related Topics: SVG JavaScript CSS