feat: Switch from jasmine to jest

Author: jantimon

README.md

@@ -287,15 +287,19 @@ plugins: [
 
 ### `Events`
 
-To allow other [plugins](https://github.com/webpack/docs/wiki/plugins) to alter the HTML this plugin executes the following events:
+To allow other [plugins](https://github.com/webpack/docs/wiki/plugins) to alter the HTML this plugin executes
+[tapable](https://github.com/webpack/tapable/tree/master) hooks.
 
-#### `AsyncSeriesWaterfallHook`
+The [lib/hooks.js](https://github.com/jantimon/html-webpack-plugin/blob/master/lib/hooks.js) contains all information
+about which values are passed.
 
-* `htmlWebpackPluginBeforeHtmlGeneration`
-* `htmlWebpackPluginBeforeHtmlProcessing`
-* `htmlWebpackPluginAlterAssetTags`
-* `htmlWebpackPluginAfterHtmlProcessing`
-* `htmlWebpackPluginAfterEmit`
+You can tap into the following async hooks:
+
+* `beforeHtmlGeneration`
+* `beforeHtmlProcessing`
+* `alterAssetTags`
+* `afterHtmlProcessing`
+* `afterEmit`
 
 Example implementation: [html-webpack-harddisk-plugin](https://github.com/jantimon/html-webpack-harddisk-plugin)
 
@@ -308,8 +312,10 @@ function MyPlugin(options) {
 MyPlugin.prototype.apply = function (compiler) {
  compiler.hooks.compilation.tap('MyPlugin', (compilation) => {
  console.log('The compiler is starting a new compilation...');
- HtmlWebpackPlugin.getHooks(compilation).htmlWebpackPluginAfterHtmlProcessing.tapAsync(
- 'MyPlugin',
+
+ // | HOOK NAME |
+ HtmlWebpackPlugin.getHooks(compilation).afterHtmlProcessing.tapAsync(
+ 'MyPlugin', // <-- Set a meaningful name here for stacktraces
  (data, cb) => {
  data.html += 'The Magic Footer'
 

examples/appcache/dist/webpack-4/manifest.appcache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# 95a89258cd32fe3f01e3
+# a351a7eb0665a7fa27b3
 
 0714810ae3fb211173e2964249507195.png
 bundle.js

examples/appcache/webpack.config.js

@@ -13,8 +13,8 @@ module.exports = {
  filename: 'bundle.js'
  },
  module: {
- loaders: [
- { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader') },
+ rules: [
+ { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' }) },
  { test: /\.png$/, loader: 'file-loader' },
  { test: /\.html$/, loader: 'html-loader?-removeOptionalTags' }
  ]

examples/build-examples.js

@@ -10,17 +10,6 @@ var fs = require('fs');
 var path = require('path');
 var rimraf = require('rimraf');
 var webpack = require('webpack');
-var ExtractTextPlugin = require('extract-text-webpack-plugin');
-
-if (Number(webpackMajorVersion) > 1) {
- var extractOriginal = ExtractTextPlugin.extract;
- ExtractTextPlugin.extract = function (fallback, use) {
- return extractOriginal({
- fallback: fallback,
- use: use
- });
- };
-}
 
 var examples = fs.readdirSync(__dirname).filter(function (file) {
  return fs.statSync(path.join(__dirname, file)).isDirectory();
@@ -39,10 +28,6 @@ examples.forEach(function (exampleName) {
  }));
  config.mode = 'production';
  config.optimization = { minimizer: [] };
- if (config.module && config.module.loaders) {
- config.module.rules = config.module.loaders;
- delete config.module.loaders;
- }
  }
 
  rimraf.sync(path.join(examplePath, 'dist', 'webpack-' + webpackMajorVersion));

examples/custom-template/webpack.config.js

@@ -12,8 +12,8 @@ module.exports = {
  filename: 'bundle.js'
  },
  module: {
- loaders: [
- { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader') },
+ rules: [
+ { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' }) },
  { test: /\.png$/, loader: 'file-loader' }
  ]
  },

examples/default/webpack.config.js

@@ -10,7 +10,7 @@ module.exports = {
  filename: 'bundle.js'
  },
  module: {
- loaders: [
+ rules: [
  { test: /\.css$/, loader: 'style-loader!css-loader' },
  { test: /\.png$/, loader: 'file-loader' }
  ]

examples/favicon/webpack.config.js

@@ -11,8 +11,8 @@ module.exports = {
  filename: 'bundle.js'
  },
  module: {
- loaders: [
- { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader') },
+ rules: [
+ { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' }) },
  { test: /\.png$/, loader: 'file-loader' }
  ]
  },

examples/html-loader/webpack.config.js

@@ -11,8 +11,8 @@ module.exports = {
  filename: 'bundle.js'
  },
  module: {
- loaders: [
- { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader') },
+ rules: [
+ { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' }) },
  { test: /\.png$/, loader: 'file-loader' },
  { test: /\.html$/, loader: 'html-loader' }
  ]

examples/inline/webpack.config.js

@@ -12,8 +12,8 @@ module.exports = {
  filename: 'bundle.js'
  },
  module: {
- loaders: [
- { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader') },
+ rules: [
+ { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' }) },
  { test: /\.jade$/, loader: 'jade-loader' }
  ]
  },

examples/jade-loader/dist/webpack-4/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><title>Jade demo</title><link rel="shortcut icon" href="favicon.ico"><link href="styles.css" rel="stylesheet"></head><body><div id="main"><!-- this partial is used for frontend and backend--><div class="time"> <b>Current time</b><p>1999-01-01T05:00:00.000Z</p></div><img src="0714810ae3fb211173e2964249507195.png"></div><script src="bundle.js"></script></body></html>
+<!DOCTYPE html><html><head><title>Jade demo</title><link rel="shortcut icon" href="favicon.ico"><link href="styles.css" rel="stylesheet"></head><body><div id="main"><!-- this partial is used for frontend and backend--><div class="time"> <b>Current time</b><p>1998-12-31T23:00:00.000Z</p></div><img src="0714810ae3fb211173e2964249507195.png"></div><script src="bundle.js"></script></body></html>