[squash] refactor(index): use htmlnano instead of html-minifier (options.minimize)

michael-ciniawsky · michael-ciniawsky · commit cc116a9204f5 · 2017-12-11T04:36:54.000+01:00
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "dist"
   ],
   "dependencies": {
+    "htmlnano": "^0.1.6",
     "loader-utils": "^1.0.0",
     "posthtml": "^0.10.0",
     "schema-utils": "0.3.0"
diff --git a/src/index.js b/src/index.js
@@ -5,6 +5,7 @@ import validateOptions from 'schema-utils';
 import posthtml from 'posthtml';
 import urls from './lib/plugins/url';
 import imports from './lib/plugins/import';
+import minifier from 'htmlnano';
 
 import schema from './options.json';
 import LoaderError from './lib/Error';
@@ -30,6 +31,7 @@ export default function loader(html) {
 
   if (options.url) plugins.push(urls());
   if (options.import) plugins.push(imports());
+  if (options.minimize) plugins.push(minifier());
 
   posthtml(plugins).process(html, { from: file, to: file })
     .then((result) => {
diff --git a/src/options.json b/src/options.json
@@ -9,6 +9,9 @@
     },
     "template": {
       "type": [ "boolean", "string" ]
+    },
+    "minimize": {
+      "type": [ "boolean", "object" ]
     }
   },
   "additionalProperties": false
diff --git a/test/options/__snapshots__/minimize.test.js.snap b/test/options/__snapshots__/minimize.test.js.snap
@@ -0,0 +1,10 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Options minimize {Boolean} 1`] = `
+"// HTML Imports
+
+
+
+// HTML Content
+export default \`<!DOCTYPE html><html lang=\\"en\\"><head><meta charset=\\"utf-8\\"><title>HTML Loader</title></head><body><div id=\\"app\\"></div></body></html>\`"
+`;
diff --git a/test/options/minimize.test.js b/test/options/minimize.test.js
@@ -0,0 +1,24 @@
+/* eslint-disable
+  prefer-destructuring,
+*/
+import webpack from '../helpers/compiler';
+
+describe('Options', () => {
+  describe('minimize', () => {
+    test('{Boolean}', async () => {
+      const config = {
+        loader: {
+          test: /\.html$/,
+          options: {
+            minimize: true,
+          },
+        },
+      };
+
+      const stats = await webpack('fixture.js', config);
+      const { source } = stats.toJson().modules[1];
+
+      expect(source).toMatchSnapshot();
+    });
+  });
+});
