Fix

Author: CompuIves

packages/app/config/webpack.common.js

@@ -443,13 +443,13 @@ module.exports = {
     new CopyWebpackPlugin(
       [
         // Our own custom version of monaco
-        {
-          from: __DEV__
-            ? '../../standalone-packages/monaco-editor/release/dev/vs'
-            : '../../standalone-packages/monaco-editor/release/min/vs',
-          to: 'public/13/vs',
-          force: true,
-        },
+        // {
+        //   from: __DEV__
+        //     ? '../../standalone-packages/monaco-editor/release/dev/vs'
+        //     : '../../standalone-packages/monaco-editor/release/min/vs',
+        //   to: 'public/13/vs',
+        //   force: true,
+        // },
         {
           from: '../../standalone-packages/monaco-editor/release/min/vs',
           to: 'public/vscode/vs',

packages/app/scripts/build.js

@@ -59,8 +59,6 @@ recursive(paths.appBuild, (err, fileNames) => {
 
 // Print a detailed summary of build files.
 function printFileSizes(stats, previousSizeMap) {
-  console.log('make it stop');
-  return;
   let assets = stats
     .toJson()
     .assets.filter(asset => /\.(js|css)$/.test(asset.name))

packages/app/src/app/components/CodeEditor/Monaco/MonacoReactComponent.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import FontFaceObserver from 'fontfaceobserver';
 
-import loaderBootstrap from 'app/vscode/dev-bootstrap';
-
 function noop() {}
 
 class MonacoEditor extends React.PureComponent {
@@ -36,9 +34,12 @@ class MonacoEditor extends React.PureComponent {
       return;
     }
 
-    loaderBootstrap(['vs/editor/editor.main'])(() => {
-      this.initMonaco();
-    });
+    // eslint-disable-next-line global-require
+    require('app/vscode/dev-bootstrap').default(['vs/editor/editor.main'])(
+      () => {
+        this.initMonaco();
+      }
+    );
   };
 
   initMonaco = () => {

packages/app/src/app/components/CodeEditor/VSCode/MonacoReactComponent.js

@@ -2,7 +2,6 @@ import React from 'react';
 import FontFaceObserver from 'fontfaceobserver';
 
 import controller from 'app/controller';
-import loaderBootstrap from 'app/vscode/dev-bootstrap';
 import './icon-theme.css';
 import './workbench-theme.css';
 
@@ -40,7 +39,10 @@ class MonacoEditor extends React.PureComponent {
   };
 
   afterViewInit = () => {
-    loaderBootstrap(['vs/editor/codesandbox.editor.main'])(() => {
+    // eslint-disable-next-line global-require
+    require('app/vscode/dev-bootstrap').default([
+      'vs/editor/codesandbox.editor.main',
+    ])(() => {
       this.initMonaco();
     });
   };

packages/app/src/app/index.js

@@ -14,7 +14,6 @@ import requirePolyfills from 'common/load-dynamic-polyfills';
 import 'normalize.css';
 import 'common/global.css';
 import theme from 'common/theme';
-import loaderBootstrap from 'app/vscode/dev-bootstrap';
 
 import controller from './controller';
 import App from './pages/index';
@@ -161,17 +160,20 @@ window.BrowserFS.configure(
       throw e;
     }
 
-    loaderBootstrap(['vs/editor/editor.main'])(() => {
-      if (process.env.NODE_ENV === 'development') {
-        console.log('Loaded Monaco'); // eslint-disable-line
-      }
-      if (localStorage.getItem('settings.experimentVSCode') === 'true') {
-        window.require(['vs/editor/codesandbox.editor.main'], () => {
+    // eslint-disable-next-line global-require
+    require('app/vscode/dev-bootstrap').default(['vs/editor/editor.main'])(
+      () => {
+        if (process.env.NODE_ENV === 'development') {
+          console.log('Loaded Monaco'); // eslint-disable-line
+        }
+        if (localStorage.getItem('settings.experimentVSCode') === 'true') {
+          window.require(['vs/editor/codesandbox.editor.main'], () => {
+            boot();
+          });
+        } else {
           boot();
-        });
-      } else {
-        boot();
+        }
       }
-    });
+    );
   }
 );