Wie .vue Dateien mit Rails 5.1

Question

verwenden, die ich zur Zeit eine application.js Datei in meinem Rails-Anwendung haben, in dem ich alle meine Vue.js Code gesetzt haben, wie folgt:

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 
    }) 
    } 
} 

aber ich würde gerne diese in ihre eigenen .vue Dateien zu trennen. Was ist die empfohlene Methode & Verzeichnisstruktur dafür?

Danke!

Answer 1

Sie müssen webpack verwenden und Sie müssen bestimmte Lader für vue Datei und einen anderen unterstützenden Loader konfigurieren. Durch googlen selbst finden Sie Artikel, um vue App von Grund auf neu zu bauen (https://www.google.co.in/search?q=vuejs+webpack+starting).

Für Verzeichnisstruktur können Sie die vue-cli (https://github.com/vuejs-templates/webpack)

folgen