IngwiePhoenix/IngwiePhoenix.png

## app.js
var html = require("./basic.html")
console.log(html);

## basic.html
<!DOCTYPE html>
<html>
  <head>
    <!-- ... -->
  </head>
  <body>
    Here is my pretty avatar!
    <img src="./IngwiePhoenix.png">
  </body>
</html>

## IngwiePhoenix.png

      
    Raw
  

              IngwiePhoenix.png
            
          
## webpack.config.js
module.exports = {
  entry: "./app.js",
  output: {
    filename: "[name].js",
    path: "./out"
  },
  module: {
    loaders: [
      {
        test: /\.png$/,
        loaders: [
          // I know that my avatar is 14kb of size.
          // Setting limit to 0 causes it to be inlined.
          // Try setting it to something like 1024*15 :)
          "url?limit=0",
          // Standard options for image-loader...not going to go too fancy.
          "image-webpack"
        ]
      }, {
        test: /\.html$/,
        loader: "html"
      }
    ]
  }
}
	<!DOCTYPE html>
	<html>
	<head>
	<!-- ... -->
	</head>
	<body>
	Here is my pretty avatar!
	<img src="./IngwiePhoenix.png">
	</body>
	</html>
	module.exports = {
	entry: "./app.js",
	output: {
	filename: "[name].js",
	path: "./out"
	},
	module: {
	loaders: [
	{
	test: /\.png$/,
	loaders: [
	// I know that my avatar is 14kb of size.
	// Setting limit to 0 causes it to be inlined.
	// Try setting it to something like 1024*15 :)
	"url?limit=0",
	// Standard options for image-loader...not going to go too fancy.
	"image-webpack"
	]
	}, {
	test: /\.html$/,
	loader: "html"
	}
	]
	}
	}