html-inline-webpack-plugin

HTML Inline Webpack Plugin

Version	v1.0.0-alpha5

Description

This webpack plugin package is bundling related HTML files by injecting inline tags.

[!WARNING]
This plugin is not compatible with webpack-dev-server. When using this plugin, please ensure that "inline" option is explicitly set to false during development. This option should only be used in production mode.

Support Current Status

Type	Status	Support
Script	Tested for required dev-enviorment.	✅
Styles	Tested for required dev-enviorment.	✅
Others	Not supported, but you can to notify to me by GitBub issues.	🟥

Install by NPM

To install this package in your project, enter the following command.

When you want to update this package, enter npm update animable-js --save in the terminal to run it.

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

And then In webpack.config.js

// In webpack.config.js
const HTMLInlinePlugin = require("html-inline-webpack-plugin");

module.exports = {
  // Add an instance of HTMLInlinePlugin to plugins property value.
  plugins: [new HTMLInlinePlugin({...})]
}

How is a bundle transpiled when this plugin applyed?

The example below demonstrates the simplest of many possible transformations.

From

<!-- When using html-webpack-plugin. -->
<script src="main.js"></script>

From

<!-- When using this webpack plugin. -->
<script>
  console.log("This contents is into main.js")
</script>

The Properties of HTMLInlineWebpackPluginOptions

Name	Description	type
template	The path of the HTML document to finally insert an assets.	string
filename	The path of the HTML document that is outputed finally.	string
inject	Not ready a comment about this.	boolean
inline	Not ready a comment about this.	boolean
pretty	Not ready a comment about this.	boolean
processStage	Not ready a comment about this.	"OPTIMIZE" | "OPTIMIZE_INLINE"