htmlnano 2.0.2 → 2.0.3

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [2.0.3] - 2022-11-13
+_To be added._
+Meanwhile you can check [the diff](https://github.com/posthtml/htmlnano/compare/2.0.2...2.0.3).
+
+
 ## [2.0.2] - 2022-04-06
 
 ### Fixed
@@ -247,6 +252,7 @@ Otherwise, you have to adapt the config according to the new [PurgeCSS@3](https:
 - Remove attributes that contains only white spaces.
 
 
+[2.0.2]: https://github.com/posthtml/htmlnano/compare/2.0.2...2.0.3
 [2.0.2]: https://github.com/posthtml/htmlnano/compare/2.0.1...2.0.2
 [2.0.1]: https://github.com/posthtml/htmlnano/compare/2.0.0...2.0.1
 [2.0.0]: https://github.com/posthtml/htmlnano/compare/1.1.1...2.0.0

package/README.md

@@ -6,9 +6,9 @@ Modular HTML minifier, built on top of the [PostHTML](https://github.com/posthtm
 
 ## [Benchmark](https://github.com/maltsev/html-minifiers-benchmark/blob/master/README.md)
 [html-minifier-terser@6.0.2]: https://www.npmjs.com/package/html-minifier-terser
-[htmlnano@1.1.1]: https://www.npmjs.com/package/htmlnano
+[htmlnano@2.0.0]: https://www.npmjs.com/package/htmlnano
 
-| Website | Source (KB) | [html-minifier-terser@6.0.2] | [htmlnano@1.1.1] |
+| Website | Source (KB) | [html-minifier-terser@6.0.2] | [htmlnano@2.0.0] |
 |---------|------------:|----------------:|-----------:|
 | [stackoverflow.blog](https://stackoverflow.blog/) | 90 | 82 | 76 |
 | [github.com](https://github.com/) | 232 | 203 | 173 |

package/docs/docs/010-introduction.md

@@ -5,18 +5,18 @@ slug: /
 
 # Introduction
 
-Modular HTML minifier, built on top of the [PostHTML](https://github.com/posthtml/posthtml). 
+Modular HTML minifier, built on top of the [PostHTML](https://github.com/posthtml/posthtml).
 Inspired by [cssnano](http://cssnano.co/).
 
 
 ## [Benchmark](https://github.com/maltsev/html-minifiers-benchmark/blob/master/README.md)
 [html-minifier-terser@5.1.1]: https://www.npmjs.com/package/html-minifier-terser
-[htmlnano@1.0.0]: https://www.npmjs.com/package/htmlnano
+[htmlnano@2.0.0]: https://www.npmjs.com/package/htmlnano
 
-| Website | Source (KB) | [html-minifier-terser@5.1.1] | [htmlnano@1.0.0] |
+| Website | Source (KB) | [html-minifier-terser@5.1.1] | [htmlnano@2.0.0] |
 |---------|------------:|----------------:|-----------:|
 | [stackoverflow.blog](https://stackoverflow.blog/) | 95 | 87 | 82 |
 | [github.com](https://github.com/) | 210 | 183 | 171 |
 | [en.wikipedia.org](https://en.wikipedia.org/wiki/Main_Page) | 78 | 72 | 72 |
 | [npmjs.com](https://www.npmjs.com/features) | 41 | 38 | 36 |
-| **Avg. minify rate** | 0% | **9%** | **13%** |
+| **Avg. minify rate** | 0% | **9%** | **13%** |

package/docs/docs/020-usage.md

@@ -1,26 +1,4 @@
 # Usage
-
-## Gulp
-```bash
-npm install --save-dev gulp-htmlnano
-```
-
-```js
-const gulp = require('gulp');
-const htmlnano = require('gulp-htmlnano');
-const options = {
-    removeComments: false
-};
-
-gulp.task('default', function() {
-    return gulp
-        .src('./index.html')
-        .pipe(htmlnano(options))
-        .pipe(gulp.dest('./build'));
-});
-```
-
-
 ## Javascript
 ```js
 const htmlnano = require('htmlnano');
@@ -74,4 +52,66 @@ posthtml(posthtmlPlugins)
     .catch(function (err) {
         console.error(err);
     });
-```
+```
+
+
+## Webpack
+
+```sh
+npm install html-minimizer-webpack-plugin --save-dev
+npm install htmlnano --save-dev
+```
+
+```js
+// webpack.config.js
+const HtmlMinimizerWebpackPlugin = require('html-minimizer-webpack-plugin');
+const htmlnano = require('htmlnano');
+
+module.exports = {
+    optimization: {
+        minimize: true,
+        minimizer: [
+            // For webpack@5 you can use the `...` syntax to extend existing minimizers (i.e. `terser-webpack-plugin`), uncomment the next line
+            // `...`,
+            new HtmlMinimizerWebpackPlugin({
+                // Add HtmlMinimizerWebpackPlugin's option here, see https://webpack.js.org/plugins/html-minimizer-webpack-plugin/#options
+                // test: /\.html(\?.*)?$/i,
+
+                // Use htmlnano as HtmlMinimizerWebpackPlugin's minimizer
+                minify: htmlnano.htmlMinimizerWebpackPluginMinify,
+                minimizerOptions: {
+                    // Add htmlnano's option here
+                    removeComments: false, // Disable the module "removeComments"
+                    collapseWhitespace: 'conservative' // Pass options to the module "collapseWhitespace"
+                }
+            })
+        ]
+    }
+}
+```
+
+
+
+## Gulp
+```bash
+npm i -D gulp-posthtml htmlnano
+```
+
+```js
+const gulp = require('gulp');
+const posthtml = require('gulp-posthtml');
+const htmlnano = require('htmlnano');
+const options = {
+    removeComments: false
+};
+
+gulp.task('default', function() {
+    return gulp
+        .src('./index.html')
+        .pipe(posthtml([
+            // Add `htmlnano` as a final plugin
+            htmlnano(options)
+        ]))
+        .pipe(gulp.dest('./build'));
+});
+```

package/docs/docs/030-config.md

@@ -6,7 +6,7 @@ There are two main ways to configure htmlnano:
 This is the way described above in the examples.
 
 ## Using configuration file
-Alternatively, you might create a configuration file (e.g., `htmlanorc.json` or `htmlnanorc.js`) or save options to `package.json` with `htmlnano` key.
+Alternatively, you might create a configuration file (e.g., `htmlnanorc.json` or `htmlnanorc.js`) or save options to `package.json` with `htmlnano` key.
 `htmlnano` uses `cosmiconfig`, so refer to [its documentation](https://github.com/davidtheclark/cosmiconfig/blob/main/README.md) for a more detailed description.
 
 If you want to specify a preset that way, use `preset` key: