如何使用使用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）