Refactorizando

13/27

Lectura

Nuestro proyecto va creciendo, poco a poco, con librer铆as, configuraciones y dem谩s contenido.
El fichero de arranque main.js est谩 haci茅ndose un poco dif铆cil de manejar debido a todo el contenido que le estamos metiendo.

...

Reg铆strate o inicia sesi贸n para leer el resto del contenido.

Aportes 7

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Debido a que pueden haber varios plugins a implementarse en la App, lo que se puede optar la mantener la app m谩s limpia a煤n seria crear un archivo index.js dentro de la carpeta plugins, en donde vayan todos los imports.

plugins/index.js

// Bootstrap Vue
import './bootstrapVue'

// FontAwesome
import './fontAwesome'

main.js

import Vue from 'vue'

import App from './App.vue'
import router from './router'
import store from './store'

import './plugins'
import './assets/css/app.styl'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  created() {
    this.init()
  },
  methods: {
    init() {
      store.dispatch('oauth/getToken', null, { root: true })
    }
  },
  render: h => h(App)
}).$mount('#app')

Genial, yo lo que har铆a para ordenar todo a煤n m谩s es crear un archivo index.js en plugins y ah铆 hacer el import de todos los plugins y en main simplemente importar el index

Tambi茅n me pregunto c贸mo se har铆a la misma refactorizaci贸n en Vue 3, porque ah铆 ya no podemos hacer Vue.use sino ahora es createApp().use(), lo mas probable es que para fontAwesome hagamos un export del fontawesome, y para boostrap igual hagamos el export de Bootstrap, de todas maneras a la fecha que escribo esto todav铆a no existe Boostrap Vue para Vue 3, y ya que hablo de esto, 驴C贸mo se har铆a toda esta l贸gica y m茅todos y hooks que tenemos en el main en Vue 3? xD Porque en Vue 3 ya pasas directamente el componente, no se si dentro de createApp se puedan poner todas esas cosas jaja

Que pasada!, Vuetify hace este paso por nosotros!

Ups, creo que me adelant茅 una clase 馃槄

Vengo laburando mucho en el refact de mis aplicaciones y partir los archivos me parece fundamental鈥 esta clase lo deja muy claro

Yeah man!

Me fascina el orden y la manera que refactoriz贸, nah de aut茅nticos magos 10/10