如何使用使用Rails 5.1

Question

我现在有一个文件的application.js在我的Rails应用程序中，我已经把我所有的Vue.js代码.vue文件，如下所示：

import Vue from 'vue/dist/vue.esm'; 

document.addEventListener('DOMContentLoaded',() => { 

    if(document.getElementById('dashboard-topbar')) { 
    const dashboard = new Vue({ 
     ... do stuff 
    }) 
    } 
    if(document.getElementById('map')) { 
    const map = new Vue({ 
     ... do stuff 
    }) 
    } 
    if(document.getElementById('something-else')) { 
    const something-else = new Vue({ 
     ... do stuff 
    }) 
    } 
} 

但我会喜欢将这些文件分离成他们自己的.vue文件。 这是什么建议的方式&这样做的目录结构？

谢谢！

Answer 1

您必须使用webpack，您需要为vue文件和另一个支持加载程序配置特定加载程序。通过googling自己，你可以找到文章从头开始构建vue应用程序（https://www.google.co.in/search?q=vuejs+webpack+starting）。

对于目录结构，你可以遵循VUE-CLI（https://github.com/vuejs-templates/webpack）