❤
npm
Sign UpSign In

inline-manifest2-webpack-plugin

0.0.1 • Public • Published

CircleCI js-standard-style npm npm npm

Inline Manifest Webpack 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:

$ npm i inline-manifest-webpack-plugin -D

Basic Usage

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

Step1: split out the runtime code

// 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:

[
    new HtmlWebpackPlugin({
        template: './index.ejs'
    })
]

Step3: config InlineManifestWebpackPlugin

  • 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.
[
    new InlineManifestWebpackPlugin({
        name: 'webpackManifest'
    })
]
<!-- index.ejs -->
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>App</title>
</head>
<body>
 
 
<%=htmlWebpackPlugin.files.webpackManifest%>
 
</body>
</html>

Done!

Readme

Keywords

Package Sidebar

Install

npm i inline-manifest2-webpack-plugin

Repository

github.com/szrenwei/inline-manifest-webpack-plugin

Homepage

github.com/szrenwei/inline-manifest-webpack-plugin

Weekly Downloads

0

Version

0.0.1

License

MIT

Last publish

Collaborators

  • liyangready
Try on RunKit
Report malware