Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit e8a19d30 authored by Renaud Grishenko's avatar Renaud Grishenko
Browse files

Déclaration automatique des composants #2

parent 89039ad3
Branches master
No related tags found
No related merge requests found
......@@ -3,6 +3,7 @@ const path = require('path')
const utils = require('./utils')
const config = require('../config')
const vueLoaderConfig = require('./vue-loader.conf')
const VueAutoRoutingPlugin = require('vue-auto-routing/lib/webpack-plugin')
function resolve (dir) {
return path.join(__dirname, '..', dir)
......
......@@ -69,10 +69,7 @@ const devWebpackConfig = merge(baseWebpackConfig, {
]),
new VueLoaderPlugin(),
new VueAutoRoutingPlugin({
// Path to the directory that contains your page components.
pages: 'src/components',
// A string that will be added to importing component path (default @/pages/).
pages: 'src/components/',
importPrefix: '@/components/'
})
]
......
const routes = require('vue-auto-routing')
import routes from 'vue-auto-routing'
const Vue = require('vue')
const Router = require('vue-router')
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
// Pass the generated routes into the routes option
routes
})
// const routes = require('vue-auto-routing')
// const Vue = require('vue')
// const Router = require('vue-router')
// const Home = require('@/components/Home')
// const Clients = require('@/components/Clients')
......@@ -29,7 +41,7 @@ const Router = require('vue-router')
// console.log(code)
Vue.use(Router)
// Vue.use(Router)
// var requireComponent = function () {
// const components = require.context('@/components', true, /Base[A-Z]\w+\.(vue|js)$/)
......@@ -49,10 +61,10 @@ Vue.use(Router)
// return routes
// }
// module.exports
export default new Router({
mode: 'history',
routes
})
// export default new Router({
// mode: 'history',
// routes
// })
// export default new Router({
// mode: 'history',
......@@ -66,74 +78,36 @@ export default new Router({
// ]
// })
// const requireComponent = require.context(
// // Le chemin relatif du dossier composants
// './components',
// // Suivre ou non les sous-dossiers
// false,
// // L'expression régulière utilisée pour faire concorder les noms de fichiers de composant de base
// /Base[A-Z]\w+\.(vue|js)$/
// )
// requireComponent.keys().forEach(fileName => {
// // // Récupérer la configuration du composant
// // const componentConfig = requireComponent(fileName)
// // // Récupérer le nom du composant en PascalCase
// // const componentName = upperFirst(
// // camelCase(
// // // Retrouver le nom du fichier indépendemment de la profondeur de dossier
// // fileName
// // .split('/')
// // .pop()
// // .replace(/\.\w+$/, '')
// // )
// // )
// // // Créer un composant global
// // Vue.component(
// // componentName,
// // // Chercher les options du composant dans `.default`, qui
// // // existera si le composant a été exporté avec `export default`,
// // // sinon revenez à la racine du module.
// // componentConfig.default || componentConfig
// // )
// })
// Method without module
// import Vue from 'vue'
// import Router from 'vue-router'
// import Home from '@/components/Home'
// import Auth from '@/components/Auth';
// Vue.use(Router);
// let baseRoutes = [
// {
// path: '/',
// name: 'home',
// component: Home
// },
// {
// path: '/login',
// name: 'auth',
// component: Auth
// },
// ];
// // import Auth from '@/components/Auth'
// Vue.use(Router)
// let routes = [
// { path: '/', name: 'home', component: Home }
// // { path: '/login', name: 'auth', component: Auth },
// ]
// // const routes = baseRoutes
// // Import all of the resource routes files.
// function loadRoutes() {
// const context = require.context('@/resources', true, /routes.js$/i)
// return context.keys()
// .map(context) // import module
// .map(m => m.default) // get `default` export from each resolved module
// const loadRoutes = function () {
// const context = require.context('@/components', false, /Base[A-Z]\w+\.(vue|js)$/)
// debugger
// // const context = require.context('@/components', true)
// return context.keys()
// .map(context) // import module
// .map(m => m.default) // get `default` export from each resolved module
// }
// const resourceRoutes = loadRoutes();
// const resourceRoutes = loadRoutes()
// resourceRoutes.forEach((route) => {
// routes.push(route[0]);
// });
// routes.push(route[0])
// })
// export default new Router({
// mode: 'history',
// routes,
// mode: 'history',
// routes
// })
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment