🎨 Detect build chunks via dynamic imports in rollup

Author: mraerino

rollup.config.js

@@ -59,7 +59,7 @@ const plugins = [
 ].filter(plugin => plugin !== null);
 
 const baseOptions = {
-    input: [src('index.ts'), src('views/view-party.ts'), src('views/view-tv.ts')],
+    input: src('index.ts'),
     experimentalDynamicImport: true,
     experimentalCodeSplitting: true,
     plugins,
@@ -70,14 +70,14 @@ const baseOptions = {
 export default [{
     ...baseOptions,
     output: {
-        dir: dist('module'),
+        file: dist('module/index.js'),
         format: 'es',
         sourcemap: true,
     },
 }, {
     ...baseOptions,
     output: {
-        dir: dist('nomodule'),
+        file: dist('nomodule/index.js'),
         format: 'system',
         sourcemap: true,
     },

src/index.html

@@ -74,7 +74,7 @@ <h1><span class="flash">⚡️</span> Oh, no! Unsupported Browser!</h1>
     <script class="scripts" src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
 
     <!-- ES6 Module Code -->
-    <script src="/module/index.ts.js" type="module" class="scripts"></script>
+    <script src="/module/index.js" type="module" class="scripts"></script>
 
     <!-- SystemJS Module Code -->
     <script src="/node_modules/systemjs/dist/system-production.js"
@@ -83,7 +83,7 @@ <h1><span class="flash">⚡️</span> Oh, no! Unsupported Browser!</h1>
             nomodule>
     </script>
     <script class="scripts" nomodule>
-        System.import('/nomodule/index.ts.js');
+        System.import('/nomodule/index.js');
     </script>
 
     <script>