parcel-bundler · devongovett · Dec 20, 2017 · Dec 14, 2017 · Dec 15, 2017 · Dec 16, 2017
diff --git a/src/Asset.js b/src/Asset.js
@@ -79,7 +79,7 @@ class Asset {
     );
     return this.options.parser
       .getAsset(resolved, this.package, this.options)
-      .generateBundleName();
+      .generateBundleName(resolved);
   }
 
   mightHaveDependencies() {
@@ -143,7 +143,7 @@ class Asset {
     this.parentDeps.clear();
   }
 
-  generateBundleName(isMainAsset) {
+  generateBundleName(assetPath) {
     // Resolve the main file of the package.json
     let main =
       this.package && this.package.main
@@ -157,7 +157,7 @@ class Asset {
     }
 
     // If this is the entry point of the root bundle, use the original filename
-    if (isMainAsset) {
+    if (this.isMainFile(assetPath)) {
       return path.basename(this.name, path.extname(this.name)) + ext;
     }
 
@@ -168,6 +168,10 @@ class Asset {
   generateErrorMessage(err) {
     return err;
   }
+
+  isMainFile(assetPath) {
+    return this.options.mainFile === assetPath;
+  }
 }
 
 module.exports = Asset;
diff --git a/src/Bundler.js b/src/Bundler.js
@@ -63,7 +63,8 @@ class Bundler extends EventEmitter {
       minify:
         typeof options.minify === 'boolean' ? options.minify : isProduction,
       hmr: typeof options.hmr === 'boolean' ? options.hmr : watch,
-      logLevel: typeof options.logLevel === 'number' ? options.logLevel : 3
+      logLevel: typeof options.logLevel === 'number' ? options.logLevel : 3,
+      mainFile: this.mainFile
     };
   }
 
@@ -366,7 +367,7 @@ class Bundler extends EventEmitter {
     if (!bundle) {
       bundle = new Bundle(
         asset.type,
-        Path.join(this.options.outDir, asset.generateBundleName(true))
+        Path.join(this.options.outDir, asset.generateBundleName(this.mainFile))
       );
       bundle.entryAsset = asset;
     }

diff --git a/src/Server.js b/src/Server.js
@@ -32,7 +32,9 @@ function middleware(bundler) {
     function sendIndex() {
       // If the main asset is an HTML file, serve it
       if (bundler.mainAsset.type === 'html') {
-        req.url = `/${bundler.mainAsset.generateBundleName(true)}`;
+        req.url = `/${bundler.mainAsset.generateBundleName(
+          bundler.options.mainFile
+        )}`;
         serve(req, res, send404);
       } else {
         send404();

diff --git a/test/html.js b/test/html.js
@@ -134,4 +134,17 @@ describe('html', function() {
     let html = fs.readFileSync(__dirname + '/dist/index.html', 'utf8');
     assert(html.includes('<a href="#hash_link">'));
   });
+
+  it('should not update root/main file in the bundles', async function() {
+    let b = await bundle(__dirname + '/integration/html-root/index.html');
+
+    let files = fs.readdirSync(__dirname + '/dist');
+
+    for (let file of files) {
+      if (file !== 'index.html' && file.endsWith('.html')) {
+        let html = fs.readFileSync(__dirname + '/dist/' + file);
+        assert(html.includes('index.html'));
+      }
+    }
+  });
 });
diff --git a/test/integration/html-root/index.html b/test/integration/html-root/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+  <a href="./other.html">goto page2</a>
+  <script type="text/javascript" src="./main.js"></script>
+</body>
+</html>
diff --git a/test/integration/html-root/index2.js b/test/integration/html-root/index2.js
@@ -0,0 +1,3 @@
+// index2.js
+import util from './util.js'
+util.hi()
diff --git a/test/integration/html-root/main.js b/test/integration/html-root/main.js
@@ -0,0 +1,2 @@
+import util from './util'
+util.hi()
diff --git a/test/integration/html-root/other.html b/test/integration/html-root/other.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+</head>
+<body>
+  <a href="./index.html">goto page1</a>
+  <script type="text/javascript" src="./index2.js"></script>
+</body>
+</html>
diff --git a/test/integration/html-root/util.js b/test/integration/html-root/util.js
@@ -0,0 +1,6 @@
+// util.js
+export default {
+  hi() {
+    console.log('hi')
+  }
+}