Update this fork of the plugin

.babelrc

@@ -1,10 +1,9 @@
 {
-  "plugins": ["@babel/transform-runtime"],
   "presets": [
     ["@babel/preset-env", {
       "targets": {
-        "node": "4.0.0"
-      }
+        "node": "8.0.0"
+      },
     }]
   ]
 }

.travis.yml

@@ -1,14 +1,7 @@
 language: node_js
+
 node_js:
-  - "7"
-  - "6"
-  - "5"
-  - "4"
-env:
-  - CXX=g++-4.8
-addons:
-  apt:
-    sources:
-      - ubuntu-toolchain-r-test
-    packages:
-      - g++-4.8
+  - 8
+
+install:
+  - npm ci && cd test/webpack4 && npm ci && cd ../webpack4-htmlplugin4 && npm ci && cd ../..

LICENSE

@@ -187,7 +187,7 @@
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright 2014 Google Inc.
+   Copyright 2019 Google Inc.
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
@@ -199,4 +199,4 @@
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
-   limitations under the License.
+   limitations under the License.

README.md

@@ -1,22 +1,14 @@
-preload-webpack-plugin
-============
-[![NPM version][npm-img]][npm-url]
-[![NPM downloads][npm-downloads-img]][npm-url]
-[![Dependency Status][daviddm-img]][daviddm-url]
+# preload-webpack-plugin
 
-![preloads-plugin-compressor](https://cloud.githubusercontent.com/assets/110953/22451103/7700b812-e720-11e6-89e8-a6d4e3533159.png)
+> **DEPRECATED: A fork of this project, https://github.com/vuejs/preload-webpack-plugin can be used instead.**
 
-A Webpack plugin for automatically wiring up asynchronous (and other types) of JavaScript
+A webpack plugin for automatically wiring up asynchronous (and other types) of JavaScript
 chunks using `<link rel='preload'>`. This helps with lazy-loading.
 
-Note: This is an extension plugin for [html-webpack-plugin](https://github.com/ampedandwired/html-webpack-plugin) - a plugin that
+Note: This is an extension plugin for [`html-webpack-plugin`](https://github.com/jantimon/html-webpack-plugin) - a plugin that
 simplifies the creation of HTML files to serve your webpack bundles.
 
-This plugin is a stop-gap until we add support for asynchronous chunk wiring to
-[script-ext-html-webpack-plugin](https://github.com/numical/script-ext-html-webpack-plugin/pull/9).
-
-Introduction
-------------
+## Introduction
 
 [Preload](https://w3c.github.io/preload/) is a web standard aimed at improving performance
 and granular loading of resources. It is a declarative fetch that can tell a browser to start fetching a
@@ -33,36 +25,28 @@ For example, `chunk.31132ae6680e598f8879.js`.
 To make it easier to wire up async chunks for lazy-loading, this plugin offers a drop-in way to wire them up
 using `<link rel='preload'>`.
 
-Pre-requisites
---------------
-This module requires Webpack 2.2.0 and above. It also requires that you're using
-[html-webpack-plugin](https://github.com/ampedandwired/html-webpack-plugin) in your Webpack project.
-
-Installation
----------------
+## Prerequisites
 
-First, install the package as a dependency in your package.json:
+This module requires webpack v4 and above. It also requires that you're using
+[`html-webpack-plugin`](https://github.com/ampedandwired/html-webpack-plugin) in your webpack project.
 
-```sh
-$ npm install --save-dev preload-webpack-plugin
-```
+## Installation
 
-Alternatively, using yarn:
+First, install the package as a dependency in your `package.json`:
 
 ```sh
-yarn add -D preload-webpack-plugin
+$ npm install --save-dev preload-webpack-plugin
 ```
 
-Usage
------------------
+## Usage
 
-Next, in your Webpack config, `require()` the preload plugin as follows:
+In your webpack config, `require()` the preload plugin as follows:
 
 ```js
 const PreloadWebpackPlugin = require('preload-webpack-plugin');
 ```
 
-and finally, configure the plugin in your Webpack `plugins` array after `HtmlWebpackPlugin`:
+and finally, add the plugin to your webpack configuration's `plugins` array after `HtmlWebpackPlugin`:
 
 ```js
 plugins: [
@@ -89,9 +73,9 @@ plugins: [
 ]
 ```
 
-In case you need more fine-grained control of the `as` atribute, you could also provide a function here.
-When using it, entry name will be provided as the parameter, and function itself should return a
-string for `as` attribute:
+In case you need more fine-grained control of the `as` attribute, you could also
+provide a function here. When using it, entry name will be provided as the
+parameter, and function itself should return a string for `as` attribute:
 
 ```javascript
 plugins: [
@@ -108,8 +92,11 @@ plugins: [
 ]
 ```
 
-Notice that if `as=font` is used in preload, crossorigin will be added, otherwise the font resource
-might be double fetched. Explains can be found in [this article](https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf).
+Notice that if `as=font` is used in preload, the `crossorigin` will also be
+added. Explains can be found in
+[this article](https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf),
+and a list of common `as` values can be
+[found on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content#What_types_of_content_can_be_preloaded).
 
 By default, the plugin will assume async script chunks will be preloaded. This is the equivalent of:
 
@@ -132,19 +119,25 @@ will be injected into the document `<head>`:
 <link rel="preload" as="script" href="chunk.d15e7fdfc91b34bb78c4.js">
 ```
 
-You can also configure the plugin to preload all chunks (vendor, async, normal chunks) using `include: 'all'`, or only preload initial chunks with `include: 'initial'`:
+You can also configure the plugin to preload all chunks (vendor, async, and normal chunks) using
+`include: 'allChunks'`, or only preload initial chunks with `include: 'initial'`.
+
+It is very common in webpack to use loaders such as `file-loader` to generate assets for specific
+types, such as fonts or images. If you wish to preload these files as well, even if they don't
+belong to a chunk, you can use `include: 'allAssets'`.
 
 ```js
 plugins: [
   new HtmlWebpackPlugin(),
   new PreloadWebpackPlugin({
     rel: 'preload',
-    include: 'all' // or 'initial'
+    include: 'allChunks' // or 'initial', or 'allAssets'
   })
 ]
 ```
 
 In case you work with named chunks, you can explicitly specify which ones to `include` by passing an array:
+
 ```js
 plugins: [
   new HtmlWebpackPlugin(),
@@ -161,8 +154,7 @@ will inject just this:
 <link rel="preload" as="script" href="home.31132ae6680e598f8879.js">
 ```
 
-Filtering chunks
----------------------
+### Filtering chunks
 
 There may be chunks that you don't want to have preloaded (sourcemaps, for example). Before preloading each chunk, this plugin checks that the file does not match any regex in the `fileBlacklist` option. The default value of this blacklist is `[/\.map/]`, meaning no sourcemaps will be preloaded. You can easily override this:
 
@@ -180,8 +172,30 @@ new PreloadWebpackPlugin({
 })
 ```
 
-Resource Hints
----------------------
+## Filtering HTML
+
+You may not want to preload resources in some of your HTML files. You can use `excludeHtmlNames` to
+tell this plugin to ignore one or more files.
+
+```javascript
+plugins: [
+  new HtmlWebpackPlugin({
+    filename: 'index.html',
+    template: 'src/index.html',
+    chunks: ['main']
+  }),
+  new HtmlWebpackPlugin({
+    filename: 'example.html',
+    template: 'src/example.html',
+    chunks: ['exampleEntry']
+  }),
+  // Only apply the plugin to index.html, not example.html.
+  new PreloadWebpackPlugin({
+    excludeHtmlNames: ['example.html'],
+  })
+```
+
+### Resource hints
 
 Should you wish to use Resource Hints (such as `prefetch`) instead of `preload`, this plugin also supports wiring those up.
 
@@ -203,25 +217,33 @@ For the async chunks mentioned earlier, the plugin would update your HTML to the
 <link rel="prefetch" href="chunk.d15e7fdfc91b34bb78c4.js">
 ```
 
-Demo
-----------------------
+## Including media
 
-A demo application implementing the [PRPL pattern](https://developers.google.com/web/fundamentals/performance/prpl-pattern/) with React that uses this plugin can be found in the `demo`
-directory.
+`<link>` elements have the ability to accept media attributes. These can accept media types or full-blown media queries, allowing you to do responsive preloading.
 
-Support
--------
+You can pass the value for the media attribute in the `media` option:
 
-If you've found an error in this sample, please file an issue:
-[https://github.com/googlechrome/preload-webpack-plugin/issues](https://github.com/googlechrome/preload-webpack-plugin/issues)
+```javascript
+plugins: [
+  new HtmlWebpackPlugin(),
+  new PreloadWebpackPlugin({
+    rel: 'preload',
+    media: '(min-width: 600px)'
+  })
+]
+```
+
+## Support
+
+If you've found an error or run into problems, please [file an issue](https://github.com/googlechrome/preload-webpack-plugin/issues).
 
 Patches are encouraged, and may be submitted by forking this project and
 submitting a pull request through GitHub.
 
-Contributing workflow
----------------------
+## Contributing workflow
 
-`index.js` contains the primary source for the plugin, `test` contains tests and `demo` contains demo code.
+[`src/index.js`](src/index.js) and [`src/lib/`](src/lib/) contains the primary source for the plugin.
+[`test/`](test/) contains tests.
 
 Test the plugin:
 
@@ -230,35 +252,34 @@ $ npm install
 $ npm run test
 ```
 
-Lint the plugin:
-
-```sh
-$ npm run lint
-$ npm run lint-fix # fix linting issues
-```
-
-The project is written in ES2015, but does not use a build-step. This may change depending on
-any Node version support requests posted to the issue tracker.
+The project is written in ES2015, and is transpiled to support node 6 and above.
 
-Additional Notes
----------------------------
+## Additional notes
 
-* Be careful not to `preload` resources a user is unlikely to need. This can waste their bandwidth.
-* Use `preload` for the current session if you think a user is likely to visit the next page. There is no
+- Be careful not to `preload` resources a user is unlikely to need. This can waste their bandwidth.
+- Use `preload` for the current session if you think a user is likely to visit the next page. There is no
   100% guarantee preloaded items will end up in the HTTP Cache and read locally beyond this session.
-* If optimising for future sessions, use `prefetch` and `preconnect`. Prefetched resources are maintained
+- If optimizing for future sessions, use `prefetch` and `preconnect`. Prefetched resources are maintained
   in the HTTP Cache for at least 5 minutes (in Chrome) regardless of the resource's cachability.
 
-Related plugins
---------------------------
+## Alternative tools
+
+- webpack's native support:
+  As of the [v4.6.0 release](https://github.com/webpack/webpack/releases/tag/v4.6.0)
+  of webpack, there is native support for generating both prefetch and preload `<link>`s via ["magic" comments in your `import()` statements](https://medium.com/webpack/link-rel-prefetch-preload-in-webpack-51a52358f84c).
+
+- [script-ext-html-webpack-plugin](https://github.com/numical/script-ext-html-webpack-plugin):
+  Enhances `html-webpack-plugin` with options including 'async', 'defer', 'module' and 'preload'.
+  As of [v1.7.0](https://github.com/numical/script-ext-html-webpack-plugin/pull/9#issuecomment-278239875),
+  it supports async chunks.
 
-* [script-ext-html-webpack-plugin](https://github.com/numical/script-ext-html-webpack-plugin) - Enhances html-webpack-plugin with options including 'async', 'defer', 'module' and preload (no async chunk support yet)
-* [resource-hints-webpack-plugin](https://github.com/jantimon/resource-hints-webpack-plugin) - Automatically wires resource hints for your resources (similarly no async chunk support)
+- [resource-hints-webpack-plugin](https://github.com/jantimon/resource-hints-webpack-plugin):
+  Automatically wires resource hints for your resources. This plugin does does not currently
+  support async chunks.
 
-License
--------
+## License
 
-Copyright 2017 Google, Inc.
+Copyright 2019 Google, Inc.
 
 Licensed to the Apache Software Foundation (ASF) under one or more contributor
 license agreements.  See the NOTICE file distributed with this work for