如何确认我使用的是 Vue 的“完整版本”？答案

【问题标题】：How can I confirm that I am using the "full build" of Vue?如何确认我使用的是 Vue 的“完整版本”？
【发布时间】：2018-12-31 15:26:42
【问题描述】：

我已按照Vue docs 的建议将这一行添加到我的 package.json 中（我正在使用 Browserify）：

"browser": {
  "vue": "vue/dist/vue.common.js"
},

但是我怎么知道这实际上是有预期的效果呢？

不管我有没有那行，这个测试都不会产生错误：

new Vue({
  template: '<div>{{ hi }}</div>'
})

【问题讨论】：

【解决方案1】：

如果字符串模板没有抛出任何错误，那么你就拥有了“完整”的 Vue 版本（即它包括编译器）。您可以通过测试Vue.compile 的存在来仔细检查。

UMD 示例，完整构建：

new Vue({
  el: '#app',
  template: '<div>{{ hi }}</div>',
  data: {
    hi: 'hello'
  }
});

console.log(Vue.compile);

<script src="https://unpkg.com/vue@2/dist/vue.js"></script>

<div id="app"></div>

相同，但只有运行时构建（无编译器）：

new Vue({
  el: '#app',
  template: '<div>{{ hi }}</div>',
  data: {
    hi: 'hello'
  }
});

console.log(Vue.compile);

<script src="https://unpkg.com/vue@2/dist/vue.runtime.js"></script>

<div id="app"></div>

如果您想测试仅运行时版本（即您的字符串模板将不再工作），您可以尝试 browserify 配置：

"browser": {
  "vue": "vue/dist/vue.runtime.common.js"
}

【讨论】：