Question

是否可以构建不需要在运行时将Vue作为依赖项的Vue应用？

即而不是浏览器必须加载vue.js和类似的应用

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://www.myxyzhost.com/my-app.js"></script>

有一个my-app.js，其中已经包含vue.js，这样在网页中包含脚本就变得简单了吗？

<script src="https://www.myxyzhost.com/my-app.js"></script>

Answer 1

所以，它实际上比我想象的要简单：

我刚刚为webpack创建了一个单独的条目文件，以供消费

my-custom-component-entry.js

猛烈抨击我在那里所需的一切（vue和相应的组件）：

// This is the actual solution, I was looking for.
import Vue from 'vue';
import MyCustomComponent from './components/my-custom-component.vue'; 

new Vue({
  components: {
    'my-custom-component': MyCustomComponent
  } 
}).$mount('#app'); // ya gotta have a #app element somewhere of course

然后我使用webpack构建了它（这里不再赘述）。

现在，所有内容都打包在文件中。没有客户可能需要安装的单独的Vue运行时。所有必要的是：

<script src="https://www.myxyzhost.com/dist/my-custom-component.js"></script>

是的，和往常一样，如果您没有为Internet Explorer添加适当的polyfill，这会搞砸，但是我认为这是理所当然的。

重要的是：对于现代浏览器，它是一个衬里，因此更易于销售。那就是我所需要的。

是否可以构建独立Vue应用程序？

1 个答案: