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') ...@@ -3,6 +3,7 @@ const path = require('path')
const utils = require('./utils') const utils = require('./utils')
const config = require('../config') const config = require('../config')
const vueLoaderConfig = require('./vue-loader.conf') const vueLoaderConfig = require('./vue-loader.conf')
const VueAutoRoutingPlugin = require('vue-auto-routing/lib/webpack-plugin')
function resolve (dir) { function resolve (dir) {
return path.join(__dirname, '..', dir) return path.join(__dirname, '..', dir)
......
...@@ -69,10 +69,7 @@ const devWebpackConfig = merge(baseWebpackConfig, { ...@@ -69,10 +69,7 @@ const devWebpackConfig = merge(baseWebpackConfig, {
]), ]),
new VueLoaderPlugin(), new VueLoaderPlugin(),
new VueAutoRoutingPlugin({ new VueAutoRoutingPlugin({
// Path to the directory that contains your page components. pages: 'src/components/',
pages: 'src/components',
// A string that will be added to importing component path (default @/pages/).
importPrefix: '@/components/' importPrefix: '@/components/'
}) })
] ]
......
const routes = require('vue-auto-routing') import routes from 'vue-auto-routing'
const Vue = require('vue') import Vue from 'vue'
const Router = require('vue-router') 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 Home = require('@/components/Home')
// const Clients = require('@/components/Clients') // const Clients = require('@/components/Clients')
...@@ -29,7 +41,7 @@ const Router = require('vue-router') ...@@ -29,7 +41,7 @@ const Router = require('vue-router')
// console.log(code) // console.log(code)
Vue.use(Router) // Vue.use(Router)
// var requireComponent = function () { // var requireComponent = function () {
// const components = require.context('@/components', true, /Base[A-Z]\w+\.(vue|js)$/) // const components = require.context('@/components', true, /Base[A-Z]\w+\.(vue|js)$/)
...@@ -49,10 +61,10 @@ Vue.use(Router) ...@@ -49,10 +61,10 @@ Vue.use(Router)
// return routes // return routes
// } // }
// module.exports // module.exports
export default new Router({ // export default new Router({
mode: 'history', // mode: 'history',
routes // routes
}) // })
// export default new Router({ // export default new Router({
// mode: 'history', // mode: 'history',
...@@ -66,74 +78,36 @@ export default new Router({ ...@@ -66,74 +78,36 @@ export default new Router({
// ] // ]
// }) // })
// const requireComponent = require.context( // Method without module
// // 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
// // )
// })
// import Vue from 'vue' // import Vue from 'vue'
// import Router from 'vue-router' // import Router from 'vue-router'
// import Home from '@/components/Home' // import Home from '@/components/Home'
// import Auth from '@/components/Auth'; // // import Auth from '@/components/Auth'
// Vue.use(Router); // Vue.use(Router)
// let baseRoutes = [ // let routes = [
// { // { path: '/', name: 'home', component: Home }
// path: '/', // // { path: '/login', name: 'auth', component: Auth },
// name: 'home', // ]
// component: Home // // const routes = baseRoutes
// },
// {
// path: '/login',
// name: 'auth',
// component: Auth
// },
// ];
// // Import all of the resource routes files. // // Import all of the resource routes files.
// function loadRoutes() { // const loadRoutes = function () {
// const context = require.context('@/resources', true, /routes.js$/i) // const context = require.context('@/components', false, /Base[A-Z]\w+\.(vue|js)$/)
// return context.keys() // debugger
// .map(context) // import module // // const context = require.context('@/components', true)
// .map(m => m.default) // get `default` export from each resolved module // 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) => { // resourceRoutes.forEach((route) => {
// routes.push(route[0]); // routes.push(route[0])
// }); // })
// export default new Router({ // export default new Router({
// mode: 'history', // mode: 'history',
// routes, // 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