ロールアップでsvgインポート（ES6）を処理する方法

Question

svgファイルをES6モジュールにインポートする場合、ロールアップでどのように処理するのですか？私は現在、このような何か（私がやっているの単純な例）があります。

import next from '../assets/next.svg'; 
export default() => console.log('Here is some Svg: ! ', next); 

をそして、私はこのようになりますロールアップの設定があります。

import babel from 'rollup-plugin-babel'; 
import resolve from 'rollup-plugin-node-resolve'; 
import commonjs from 'rollup-plugin-commonjs'; 

export default { 
    entry: 'src/app.js', 
    dest: 'build/app.min.js', 
    format: 'iife', 
    sourceMap: 'inline', 
    plugins: [ 
    babel({ 
     exclude: 'node_modules/**', 
    }), 
    resolve({ 
     jsnext: true, 
     main: true, 
     browser: true, 
    }), 
    commonjs(), 
    ], 
}; 

そして、私は次のエラーを取得すると：

Could not resolve '../assets/next.svg' from /home/magnferm/projects/slask/rollup-test/src/chill/index.js

パスに問題はありませんが、ロールアップではsvgファイルの処理方法がわかりません。私はそれを使うことができるプラグインがありますか、それとも何とか別の方法で扱わなければなりませんか？

Answer 1

もちろん、それのためのプラグインがありました。 rollup-plugin-imageと呼ばれ、他の形式の中でも特に.svgのインポートを処理します。