代码之家 › 专栏 › 技术社区 › LongHike

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

vue.js javascript

-1

LongHike · 技术社区 · 7 年前

是否可以构建一个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>

有一个已经包含vue.js的my-app.js,这样在网页中包含脚本就变成了一个简单的一行程序?

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

1 回复 | 直到 7 年前

1

0

LongHike 7 年前

实际上比我想象的要简单:

我刚为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,这会搞砸的,但我认为这是理所当然的。

重要的是:对于现代浏览器来说,它是一个单行程序,这使得它更容易销售。这就是我所需要的。