build: add browser builds for @vue/compiler-sfc

packages/template-explorer/index.html

@@ -6,15 +6,8 @@
 <div id="source" class="editor"></div>
 <div id="output" class="editor"></div>
 
-<script src="https://unpkg.com/estree-walker@0.8.1/dist/estree-walker.umd.js"></script>
-<script src="https://unpkg.com/source-map@0.6.1/dist/source-map.js"></script>
 <script src="https://unpkg.com/monaco-editor@0.20.0/min/vs/loader.js"></script>
 <script>
-window._deps = {
-  'estree-walker': estreeWalker,
-  'source-map': sourceMap
-}
-
 require.config({
   paths: {
     'vs': 'https://unpkg.com/monaco-editor@0.20.0/min/vs'

packages/template-explorer/local.html

@@ -6,16 +6,8 @@
 <div id="source" class="editor"></div>
 <div id="output" class="editor"></div>
 
-<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>
-window._deps = {
-  // @babel/parser is injected by the bundle
-  'estree-walker': estreeWalker,
-  'source-map': sourceMap
-}
-
 require.config({
   paths: {
     'vs': '../../node_modules/monaco-editor/min/vs'

packages/template-explorer/src/index.ts

@@ -4,9 +4,6 @@ import { compile as ssrCompile } from '@vue/compiler-ssr'
 import { compilerOptions, initOptions, ssrMode } from './options'
 import { watchEffect } from '@vue/runtime-dom'
 import { SourceMapConsumer } from 'source-map'
-import { parse } from '@babel/parser'
-
-window._deps['@babel/parser'] = { parse }
 
 declare global {
   interface Window {
@@ -57,7 +54,7 @@ window.init = () => {
       )
       console.log(`AST: `, ast)
       lastSuccessfulCode = code + `\n\n// Check the console for the AST`
-      lastSuccessfulMap = new window._deps['source-map'].SourceMapConsumer(map)
+      lastSuccessfulMap = new SourceMapConsumer(map!)
       lastSuccessfulMap!.computeColumnSpans()
     } catch (e) {
       lastSuccessfulCode = `/* ERROR: ${