fixes the HTMLPackager and also adds the code to be able to `require(…

…'./other.html')`

src/Bundler.js

@@ -44,6 +44,10 @@ class Bundler extends EventEmitter {
       'css',
       require.resolve('./builtins/loaders/css-loader')
     );
+    this.addBundleLoader(
+      'html',
+      require.resolve('./builtins/loaders/raw-loader')
+    );
     this.addBundleLoader('js', require.resolve('./builtins/loaders/js-loader'));
 
     this.pending = false;

src/builtins/loaders/raw-loader.js

@@ -0,0 +1,5 @@
+module.exports = function loadHtmlBundle(bundle) {
+  return fetch(bundle).then(function (res) {
+    return res.text();
+  });
+};

src/packagers/HTMLPackager.js

@@ -1,6 +1,8 @@
 const Packager = require('./Packager');
 const posthtml = require('posthtml');
 const path = require('path');
+const fs = require('../utils/fs');
+const url = require('url');
 const urlJoin = require('../utils/urlJoin');
 
 // https://www.w3.org/TR/html5/dom.html#metadata-content-2
@@ -16,6 +18,8 @@ const metadataContent = new Set([
 ]);
 
 class HTMLPackager extends Packager {
+  setup() {}
+
   async addAsset(asset) {
     let html = asset.generated.html || '';
 
@@ -31,9 +35,24 @@ class HTMLPackager extends Packager {
       ).process(html, {sync: true}).html;
     }
 
-    await this.dest.write(html);
+    let name = this.bundle.name;
+    if (asset !== this.bundle.entryAsset) {
+      name = url.resolve(
+        path.join(path.dirname(this.bundle.name), asset.generateBundleName()),
+        ''
+      );
+    }
+
+    this.size = html.length;
+    await fs.writeFile(name, html);
   }
 
+  getSize() {
+    return this.size || 0;
+  }
+
+  end() {}
+
   addBundlesToTree(bundles, tree) {
     const head = find(tree, 'head');
     if (head) {

src/packagers/JSPackager.js

@@ -35,7 +35,7 @@ class JSPackager extends Packager {
   }
 
   async addAsset(asset) {
-    if (this.dedupe.has(asset.generated.js)) {
+    if (!asset.generated || this.dedupe.has(asset.generated.js)) {
       return;
     }
 

test/html.js

@@ -27,7 +27,7 @@ describe('html', function() {
         },
         {
           type: 'js',
-          assets: ['index.js'],
+          assets: ['bundle-loader.js', 'raw-loader.js', 'index.js'],
           childBundles: [
             {
               type: 'map'
@@ -45,7 +45,12 @@ describe('html', function() {
             },
             {
               type: 'js',
-              assets: ['index.js'],
+              assets: [
+                'bundle-loader.js',
+                'bundle-url.js',
+                'raw-loader.js',
+                'index.js'
+              ],
               childBundles: [
                 {
                   type: 'map'

test/integration/html/index.js

@@ -1 +1,3 @@
 alert('Hi');
+
+require('./other.html');