webpack-inline-svg-plugin

Inline Svgs from an image tag to full svg markup

Usage

Install

npm install --save-dev webpack-inline-svg-plugin

Example

Add the following to your webpack.js

module.exports = function (options) {
  plugins: [
	new WebpackInlineSvgPlugin({
	  basePath: "my-app/asset/location",
	  patterns: [
		".html"
	  ]
	}),
  ]
}

In your markup add the inline-svg attribute

<img inline-svg class="logo" title="Logo" src="assets/icons/logo.svg">

The result will be the full svg file content will replace this image tag.