如何确认我使用的是Vue的"full build"？

Question

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

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

但是我怎么知道这是否真的达到了预期的效果呢？

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

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

Answer 1

如果字符串模板没有抛出任何错误，那么你有 "full" 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"
}

How can I confirm that I am using the "full build" of Vue?