webpack-inline-manifest-plugin

    

Webpack Inline Manifest Plugin
===================

This is a webpack plugin that inline your manifest.js with a script tag to save http request. Cause webpack's runtime always change between every build, it's better to split the runtime code out for long-term caching.


Installation
------------
Install the plugin with npm:
``shell
$ npm i webpack-inline-manifest-plugin -D
`

Basic Usage
-----------

This plugin need to work with HtmlWebpackPlugin v2.10.0 and above:

__Step1__: split out the runtime code
`javascript
// for explicit vendor chunk config
[
new webpack.optimize.CommonsChunkPlugin({
names: ['vendor', 'manifest']
})
]

// or specify which chunk to split manually
[
new webpack.optimize.CommonsChunkPlugin({
name: 'manifest',
chunks: ['...']
})
]
`
__Step2__: config HtmlWebpackPlugin:
`javascript
[
new HtmlWebpackPlugin({
template: './index.ejs'
})
]
`

__Step3__: config WebpackInlineManifestPlugin
* __name__: default value is webpackManifest, result in htmlWebpackPlugin.files[name], you can specify any other name __except__ manifest, beacuse the name manifest haved been used by HtmlWebpackPlugin for H5 app cache manifest.

Call:

`javascript
const WebpackInlineManifestPlugin = require('webpack-inline-manifest-plugin');
`

Config:
`javascript
[
new WebpackInlineManifestPlugin({
name: 'webpackManifest'
})
]
`

Finally in HTML:
`html










<%=htmlWebpackPlugin.files.webpackManifest%>



``
__Done!__