webpack-inline-manifest-plugin

inline your Webpack manifest.js with a script tag to save http request

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
webpack-inline-manifest-plugin
4.0.16 years ago6 years agoMinified + gzip package size for webpack-inline-manifest-plugin in KB

Readme

CircleCI js-standard-style npm npm npm 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
<meta charset="UTF-8">
<title>App</title>
<%=htmlWebpackPlugin.files.webpackManifest%> ``` Done!