Adds automatically Resource hints to your html-files
npm install html-resource-hints-pluginHtml Resource Hints Plugin
========================================
   
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:
``shell`
$ npm install --save-dev html-resource-hints-plugin
Install the plugin with yarn:
`shell`
$ yarn add --dev html-resource-hints-plugin
Basic Usage
-----------
Add the plugin to your webpack config as follows:
`javascript`
plugins: [
new HtmlWebpackPlugin(),
new HtmlResourceHintPlugin()
]
The above configuration will actually do the same as the following:
`javascript`
plugins: [
new HtmlWebpackPlugin({
prefetch: ['.'],
preload: ['.']
}),
new HtmlResourceHintPlugin()
]
Even if you generate multiple files make sure that you add the HtmlResourceHintPlugin only once:
`javascript``
plugins: [
new HtmlWebpackPlugin({
prefetch: ['*.js', 'data.json'],
preload: '.'
}),
new HtmlWebpackPlugin({
preload: ['*.json'],
preload: false,
filename: 'demo.html'
}),
new HtmlResourceHintPlugin()
]