wipenable-webpack-code-splitting

2 files changed, 23 insertions, 0 deletions

diff --git a/app/assets/javascripts/async_test.js b/app/assets/javascripts/async_test.js
new file mode 100644
index 00000000000..ba50b59824d
--- /dev/null
+++ b/app/assets/javascripts/async_test.js
@@ -0,0 +1,9 @@
+/* eslint-disable no-console */
+
+console.log('hello world!');
+
+export default class Foo {
+  constructor() {
+    console.log('it works!');
+  }
+}
diff --git a/app/assets/javascripts/main.js b/app/assets/javascripts/main.js
index fe367d0c42a..3df5e302482 100644
--- a/app/assets/javascripts/main.js
+++ b/app/assets/javascripts/main.js
@@ -168,6 +168,20 @@ import './visibility_select';
 import './wikis';
 import './zen_mode';
 
+if (gon && gon.relative_url_root) {
+  // eslint-disable-next-line
+  __webpack_public_path__ = `${gon.relative_url_root}/foo`;
+}
+
+import('./async_test')
+  .then(module => new module.default()) // eslint-disable-line
+  .catch(err => console.error('could not load async thingie...', err));  // eslint-disable-line
+
+// import('moment')
+//   .then(moment => { console.log(moment); return moment().format('LLLL'); })
+//   .then(str => console.log(str))
+//   .catch(err => console.log('Failed to load moment', err));
+
 // eslint-disable-next-line global-require, import/no-commonjs
 if (process.env.NODE_ENV !== 'production') require('./test_utils/');