html-resource-hints-plugin
Adds automatically Resource hints to your html-files
Last updated 3 years ago by jantimon .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install html-resource-hints-plugin 
SYNC missed versions from official npm registry.

Html Resource Hints Plugin

npm version Dependency Status Build status js-semistandard-style

This is an extension plugin for the webpack plugin html-webpack-plugin.

It adds automatically resource-hints to your html files to improve your load time.

Installation

You must be running webpack on node 0.12.x or higher

Install the plugin with npm:

$ npm install --save-dev html-resource-hints-plugin

Install the plugin with yarn:

$ yarn add --dev html-resource-hints-plugin

Basic Usage

Add the plugin to your webpack config as follows:

plugins: [
  new HtmlWebpackPlugin(),
  new HtmlResourceHintPlugin()
]  

The above configuration will actually do the same as the following:

plugins: [
  new HtmlWebpackPlugin({
    prefetch: ['*.*'],
    preload: ['*.*']
  }),
  new HtmlResourceHintPlugin()
]  

Even if you generate multiple files make sure that you add the HtmlResourceHintPlugin only once:

plugins: [
  new HtmlWebpackPlugin({
    prefetch: ['*.js', 'data.json'],
    preload: '*.*'
  }),
  new HtmlWebpackPlugin({
    preload: ['*.json'],
    preload: false,
    filename: 'demo.html'
  }),
  new HtmlResourceHintPlugin()
]  

Current Tags

  • 0.0.2                                ...           latest (3 years ago)

2 Versions

  • 0.0.2                                ...           3 years ago
  • 0.0.1                                ...           3 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 0
Dependencies (2)
Dev Dependencies (5)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |