[TOC] ***** ## web-compiler web編譯 >[info] import ~~~ ;(導入)擴展,基礎編譯,web指令,web基礎工具 import { extend } from 'shared/util' import { compile as baseCompile } from 'compiler/index' import directives from 'web/compiler/directives/index' import { isReservedTag, isUnaryTag, mustUseProp, getTagNamespace } from 'web/util/index' ~~~ >[info] module ~~~ ;分別存儲保留空白,非保留空白 const cache1 = Object.create(null) const cache2 = Object.create(null) ;編譯配置項 const baseOptions = { expectHTML: true, directives, isReservedTag, isUnaryTag, mustUseProp, getTagNamespace } ;web編譯入口 export function compile (template, options) { options = options ? extend(extend({}, baseOptions), options) : baseOptions return baseCompile(template, options) } ;編譯成渲染函數 export function compileToFunctions (template, options = {}) { ;是否保留空白節點 options.preserveWhitespace = options.preserveWhitespace !== false const cache = options.preserveWhitespace ? cache1 : cache2 ;緩存檢查 if (cache[template]) { return cache[template] } ;準備編譯 const res = {} const compiled = compile(template, options) ;渲染函數獲取 res.render = new Function(compiled.render) ;靜態渲染函數 const l = compiled.staticRenderFns.length if (l) { res.staticRenderFns = new Array(l) for (let i = 0; i < l; i++) { res.staticRenderFns[i] = new Function(compiled.staticRenderFns[i]) } } ;緩存編譯結果 return (cache[template] = res) } ~~~ >[info] export