refactor: optimize template exports

Author: yyx990803

lib/loader.js

@@ -208,12 +208,16 @@ module.exports = function (content) {
   output += '/* template */\n'
   const template = parts.template
   if (template) {
-    output +=
-      (template.src
-        ? getImportForSrc('template', template)
-        : getImport('template', template)) + '\n'
+    output += `import {` +
+      `render as __vue_render__, ` +
+      `staticRenderFns as __vue_static_render_fns__` +
+    `} from ${
+      template.src
+        ? getSrcRequestString('template', template)
+        : getRequestString('template', template)
+    }\n`
   } else {
-    output += 'var __vue_template__ = null\n'
+    output += 'var __vue_render__, __vue_static_render_fns__\n'
   }
 
   // <template functional>
@@ -264,7 +268,8 @@ module.exports = function (content) {
     `import normalizeComponent from ${componentNormalizerRequest}\n` +
     'var Component = normalizeComponent(\n' +
     `  __vue_script__,\n` +
-    '  __vue_template__,\n' +
+    `  __vue_render__,\n` +
+    `  __vue_static_render_fns__,\n` +
     '  __vue_template_functional__,\n' +
     '  __vue_styles__,\n' +
     '  __vue_scopeId__,\n' +

lib/runtime/component-normalizer.js

@@ -6,7 +6,8 @@
 
 export default function normalizeComponent (
   scriptExports,
-  compiledTemplate,
+  render,
+  staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
@@ -27,9 +28,9 @@ export default function normalizeComponent (
     : scriptExports
 
   // render functions
-  if (compiledTemplate) {
-    options.render = compiledTemplate.render
-    options.staticRenderFns = compiledTemplate.staticRenderFns
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
     options._compiled = true
   }
 
@@ -79,10 +80,10 @@ export default function normalizeComponent (
       // go through the normalizer
       options._injectStyles = hook
       // register for functioal component in vue file
-      var render = options.render
+      var originalRender = options.render
       options.render = function renderWithStyleInjection (h, context) {
         hook.call(context)
-        return render(h, context)
+        return originalRender(h, context)
       }
     } else {
       // inject component registration as beforeCreate hook

lib/template-compiler/index.js

@@ -45,7 +45,9 @@ module.exports = function (html) {
         compiled.errors.map(e => `  - ${e}`).join('\n') +
         '\n'
     )
-    code = `export default { render:function () {}, staticRenderFns: [] }`
+    code =
+      `export var render = function () {}\n` +
+      `export var staticRenderFns = []`
   } else {
     const bubleOptions = options.buble
     const stripWith = bubleOptions.transforms.stripWith !== false
@@ -75,7 +77,7 @@ module.exports = function (html) {
     if (!isProduction && stripWith) {
       code += `render._withStripped = true\n`
     }
-    code += `export default { render: render, staticRenderFns: staticRenderFns }`
+    code += `export { render, staticRenderFns }`
   }
   // hot-reload
   if (needsHotReload) {