Просмотр исходного кода

workflow: add version of template-explorer using local deps

Evan You 6 лет назад
Родитель
Сommit
87e8c8094f
2 измененных файлов с 32 добавлено и 1 удалено
  1. 3 1
      packages/template-explorer/README.md
  2. 29 0
      packages/template-explorer/local.html

+ 3 - 1
packages/template-explorer/README.md

@@ -5,4 +5,6 @@ Live explorer for template compilation output.
 To run:
 
 - `yarn dev template-explorer`
-- Open `index.html`.
+- Open `local.html`.
+
+`index.html` uses CDN for dependencies and is continuously deployed at [https://vue-next-template-explorer.netlify.com/](https://vue-next-template-explorer.netlify.com/).

+ 29 - 0
packages/template-explorer/local.html

@@ -0,0 +1,29 @@
+<title>Vue Template Explorer</title>
+<link rel="stylesheet" data-name="vs/editor/editor.main" href="../../node_modules/monaco-editor/min/vs/editor/editor.main.css">
+<link rel="stylesheet" href="./style.css">
+
+<div id="header"></div>
+<div id="source" class="editor"></div>
+<div id="output" class="editor"></div>
+
+<script src="../../node_modules/acorn/dist/acorn.js"></script>
+<script src="../../node_modules/estree-walker/dist/estree-walker.umd.js"></script>
+<script src="../../node_modules/source-map/dist/source-map.js"></script>
+<script src="../../node_modules/monaco-editor/min/vs/loader.js"></script>
+<script src="./dist/template-explorer.global.js"></script>
+<script>
+window._deps = {
+  acorn,
+  'estree-walker': estreeWalker,
+  'source-map': sourceMap
+}
+
+require.config({
+  paths: {
+    'vs': 'https://unpkg.com/monaco-editor/min/vs'
+  }
+})
+</script>
+<script>
+require(['vs/editor/editor.main'], init /* injected by build */)
+</script>