Blame view

node_modules/mpvue-loader/lib/template-compiler/index.js 3.27 KB
ce4c83ff   wxy   初始提交
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
  var loaderUtils = require('loader-utils')
  var normalize = require('../utils/normalize')
  var compiler = require('mpvue-template-compiler')
  var beautify = require('js-beautify').js_beautify
  var transpile = require('vue-template-es2015-compiler')
  var hotReloadAPIPath = normalize.dep('vue-hot-reload-api')
  var transformRequire = require('./modules/transform-require')
  
  // for mp
  var compileWxml = require('../mp-compiler').compileWxml
  
  module.exports = function (html) {
    this.cacheable()
    var isServer = this.target === 'node'
    var isProduction = this.minimize || process.env.NODE_ENV === 'production'
    var vueOptions = this.options.__vueOptions__ || {}
    var options = loaderUtils.getOptions(this) || {}
  
    var defaultModules = [transformRequire(options.transformToRequire)]
    var userModules = vueOptions.compilerModules || options.compilerModules
    // for HappyPack cross-process use cases
    if (typeof userModules === 'string') {
      userModules = require(userModules)
    }
  
    var compilerOptions = {
      preserveWhitespace: options.preserveWhitespace,
      modules: defaultModules.concat(userModules || []),
      scopeId: options.hasScoped ? options.id : null,
      comments: options.hasComment
    }
  
    var compile = isServer && compiler.ssrCompile && vueOptions.optimizeSSR !== false
      ? compiler.ssrCompile
      : compiler.compile
  
    var compiled = compile(html, compilerOptions)
  
    // for mp => *.wxml
    compileWxml.call(this, compiled, html)
  
    // tips
    if (compiled.tips && compiled.tips.length) {
      compiled.tips.forEach(tip => {
        this.emitWarning(tip)
      })
    }
  
    var code
    if (compiled.errors && compiled.errors.length) {
      this.emitError(
        `\n  Error compiling template:\n${pad(html)}\n` +
        compiled.errors.map(e => `  - ${e}`).join('\n') + '\n'
      )
      code = vueOptions.esModule
        ? `var esExports = {render:function(){},staticRenderFns: []}\nexport default esExports`
        : 'module.exports={render:function(){},staticRenderFns:[]}'
    } else {
      var bubleOptions = options.buble
      code = transpile(
        'var render = ' + toFunction(compiled.render) + '\n' +
        'var staticRenderFns = [' + compiled.staticRenderFns.map(toFunction).join(',') + ']',
        bubleOptions
      ) + '\n'
      // mark with stripped (this enables Vue to use correct runtime proxy detection)
      if (!isProduction && (
        !bubleOptions ||
        !bubleOptions.transforms ||
        bubleOptions.transforms.stripWith !== false
      )) {
        code += `render._withStripped = true\n`
      }
      var exports = `{ render: render, staticRenderFns: staticRenderFns }`
      code += vueOptions.esModule
        ? `var esExports = ${exports}\nexport default esExports`
        : `module.exports = ${exports}`
    }
    // hot-reload
    if (!isServer && !isProduction) {
      var exportsName = vueOptions.esModule ? 'esExports' : 'module.exports'
      code +=
        '\nif (module.hot) {\n' +
        '  module.hot.accept()\n' +
        '  if (module.hot.data) {\n' +
        '     require("' + hotReloadAPIPath + '").rerender("' + options.id + '", ' + exportsName + ')\n' +
        '  }\n' +
        '}'
    }
  
    return code
  }
  
  function toFunction (code) {
    return 'function () {' + beautify(code, {
      indent_size: 2 // eslint-disable-line camelcase
    }) + '}'
  }
  
  function pad (html) {
    return html.split(/\r?\n/).map(line => `  ${line}`).join('\n')
  }