SystemSh0cker/monaco-editor
1
0
Fork 0
mirror of https://github.com/microsoft/monaco-editor.git synced 2025-12-22 16:15:41 +01:00
Code Issues Projects Releases Packages Activity

Merge pull request #2832 from resistdesign/doc/simplify-browser-esm-parcel-sample

Browse source 
doc: (samples) Simplify Browser ESM Parcel build
This commit is contained in:
Henning Dieterichs 2021-12-16 11:22:34 +01:00 • committed by GitHub
commit 5a58ab7f00
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

3
samples/browser-esm-parcel/index.html
View file

@ -10,8 +10,7 @@
<pre> <pre>
$/browser-esm-parcel> npm install . $/browser-esm-parcel> npm install .
$/browser-esm-parcel> npm run build $/browser-esm-parcel> npm start
$/browser-esm-parcel> npm run simpleserver
</pre </pre
> >

9
samples/browser-esm-parcel/package.json
View file

@ -1,14 +1,7 @@
{ {
"name": "helloworld", "name": "helloworld",
"scripts": { "scripts": {
"simpleserver": "node ../node_modules/yaserver/bin/yaserver --root ./dist --port 9999", "start": "parcel ./src/index.html"
"build": "npm run build-index && npm run build-json && npm run build-css && npm run build-html && npm run build-ts && npm run build-worker",
"build-index": "parcel build src/index.html --no-optimize",
"build-json": "parcel build node_modules/monaco-editor/esm/vs/language/json/json.worker.js --no-source-maps --no-optimize",
"build-css": "parcel build node_modules/monaco-editor/esm/vs/language/css/css.worker.js --no-source-maps --no-optimize",
"build-html": "parcel build node_modules/monaco-editor/esm/vs/language/html/html.worker.js --no-source-maps --no-optimize",
"build-ts": "parcel build node_modules/monaco-editor/esm/vs/language/typescript/ts.worker.js --no-source-maps --no-optimize",
"build-worker": "parcel build node_modules/monaco-editor/esm/vs/editor/editor.worker.js --no-source-maps --no-optimize"
}, },
"devDependencies": { "devDependencies": {
"monaco-editor": "^0.31.0", "monaco-editor": "^0.31.0",

15
samples/browser-esm-parcel/src/index.js
View file

@ -1,20 +1,25 @@
import JSONWorker from 'url:monaco-editor/esm/vs/language/json/json.worker.js';
import CSSWorker from 'url:monaco-editor/esm/vs/language/css/css.worker.js';
import HTMLWorker from 'url:monaco-editor/esm/vs/language/html/html.worker.js';
import TSWorker from 'url:monaco-editor/esm/vs/language/typescript/ts.worker.js';
import EditorWorker from 'url:monaco-editor/esm/vs/editor/editor.worker.js';
import * as monaco from 'monaco-editor/esm/vs/editor/editor.main.js'; import * as monaco from 'monaco-editor/esm/vs/editor/editor.main.js';
self.MonacoEnvironment = { self.MonacoEnvironment = {
getWorkerUrl: function (moduleId, label) { getWorkerUrl: function (moduleId, label) {
if (label === 'json') { if (label === 'json') {
return './json.worker.js'; return JSONWorker;
} }
if (label === 'css' || label === 'scss' || label === 'less') { if (label === 'css' || label === 'scss' || label === 'less') {
return './css.worker.js'; return CSSWorker;
} }
if (label === 'html' || label === 'handlebars' || label === 'razor') { if (label === 'html' || label === 'handlebars' || label === 'razor') {
return './html.worker.js'; return HTMLWorker;
} }
if (label === 'typescript' || label === 'javascript') { if (label === 'typescript' || label === 'javascript') {
return './ts.worker.js'; return TSWorker;
} }
return './editor.worker.js'; return EditorWorker;
} }
}; };