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

Posted 2023-03-07

【中文标题】如何确认我使用的是 Vue 的“完整版本”？

【英文标题】：How can I confirm that I am using the "full build" of 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"

【讨论】：

谢谢。我认为Vue.compile 的简单测试就是我要找的！