diff --git a/browser-esm-parcel/.gitignore b/browser-esm-parcel/.gitignore index 64b02284..bdfa941a 100644 --- a/browser-esm-parcel/.gitignore +++ b/browser-esm-parcel/.gitignore @@ -1,3 +1,2 @@ -dist/*.js -dist/*.css +dist/ .cache diff --git a/browser-esm-parcel/dist/index.html b/browser-esm-parcel/dist/index.html deleted file mode 100644 index 74e7f715..00000000 --- a/browser-esm-parcel/dist/index.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - - -
- - - - - \ No newline at end of file diff --git a/browser-esm-parcel/index.html b/browser-esm-parcel/index.html index 72634798..29cd8a7f 100644 --- a/browser-esm-parcel/index.html +++ b/browser-esm-parcel/index.html @@ -18,8 +18,7 @@ To run this sample, you need to:
 $/browser-esm-parcel> npm install .
-$/browser-esm-parcel> ./node_modules/.bin/parcel build node_modules/monaco-editor/esm/vs/editor/editor.worker.js
-$/browser-esm-parcel> ./node_modules/.bin/parcel build index.js
+$/browser-esm-parcel> ./node_modules/.bin/parcel build src/index.html
 
Then, open the ./dist folder. diff --git a/browser-esm-parcel/package.json b/browser-esm-parcel/package.json index 1d1069e5..5d84a2a3 100644 --- a/browser-esm-parcel/package.json +++ b/browser-esm-parcel/package.json @@ -2,7 +2,7 @@ "name": "helloworld", "dependencies": {}, "devDependencies": { - "monaco-editor": "^0.11.0", + "monaco-editor": "^0.12.0", "parcel-bundler": "^1.6.2" } } diff --git a/browser-esm-parcel/src/index.html b/browser-esm-parcel/src/index.html new file mode 100644 index 00000000..b83a7c76 --- /dev/null +++ b/browser-esm-parcel/src/index.html @@ -0,0 +1,12 @@ + + + + + + + +
+ + + + \ No newline at end of file diff --git a/browser-esm-parcel/index.js b/browser-esm-parcel/src/index.js similarity index 91% rename from browser-esm-parcel/index.js rename to browser-esm-parcel/src/index.js index 1c67887d..637fc49d 100644 --- a/browser-esm-parcel/index.js +++ b/browser-esm-parcel/src/index.js @@ -91,20 +91,20 @@ import 'monaco-editor/esm/vs/basic-languages/python/python.contribution.js'; self.MonacoEnvironment = { - getWorkerUrl: function (moduleId, label) { - // if (label === 'json') { - // return './json.worker.bundle.js'; - // } - // if (label === 'css') { - // return './css.worker.bundle.js'; - // } - // if (label === 'html') { - // return './html.worker.bundle.js'; - // } - // if (label === 'typescript' || label === 'javascript') { - // return './ts.worker.bundle.js'; - // } - return './editor.worker.js'; + getWorker: function (moduleId, label) { + if (label === 'json') { + return new Worker('../node_modules/monaco-editor/esm/vs/language/json/json.worker') + } + if (label === 'css') { + return new Worker('../node_modules/monaco-editor/esm/vs/language/css/css.worker') + } + if (label === 'html') { + return new Worker('../node_modules/monaco-editor/esm/vs/language/html/html.worker') + } + if (label === 'typescript' || label === 'javascript') { + return new Worker('../node_modules/monaco-editor/esm/vs/language/typescript/ts.worker') + } + return new Worker('../node_modules/monaco-editor/esm/vs/editor/editor.worker') } }