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

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

  •  -1
  • LongHike  · 技术社区  · 6 年前

    是否可以构建一个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 回复  |  直到 6 年前
        1
  •  0
  •   LongHike    6 年前

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

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

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