051 - Api라우트, Plugins 자동 로드

server/autoRoute.js

@@ -0,0 +1,24 @@
+const fs = require('fs');
+const path = require('path');
+
+// /api
+module.exports = function(root, app) {
+	const dir = fs.readdirSync(path.join(__dirname, root), {
+		withFileTypes : true
+	});
+
+	dir.forEach(p=>{
+		if(p.isDirectory()) {
+			if(p.name != '_model') {
+				arguments.callee(`${root}/${p.name}`, app);
+			}
+		} else {
+			let moduleName = '/' + p.name.replace(/\.js/g, '');
+			if(moduleName == '/index') {
+				moduleName = '';
+			}
+			console.log(`${root}${moduleName} => ${root}/${p.name}`);
+			app.use(`${root}${moduleName}`, require(`.${root}/${p.name}`));
+		}
+	})
+}

server/server.js

@@ -52,8 +52,8 @@ app.use('/upload/:_path', thumbnail(path.join(__dirname, './upload')));
 app.use(express.static(path.join(__dirname, "../dist")));
 
 // API 라우터
-const memberRouter = require('./api/member');
-app.use('/api/member', memberRouter);
+const autoRoute = require('./autoRoute');
+autoRoute('/api', app);
 app.use('/api/*', (req, res) => {
 	res.json({ err: '요청하신 API가 없습니다. : ' + req.url });
 });

src/entry-client.js

@@ -1,7 +1,5 @@
 import { createApp } from "./main";
-import './plugins-client/vue-toast';
-import './plugins-client/vue-progressbar';
-import './plugins-client/ezNotify';
+import plugins from './plugins-client';
 
 const { app, router, store } = createApp();
 

src/main.js

@@ -4,9 +4,7 @@ import { createRouter } from './router'
 import { createStore } from './store'
 import { sync } from "vuex-router-sync";
 
-import vuetify from './plugins/vuetify'
-import './plugins/axios'
-import './plugins/moment';
+import plugins from './plugins';
 import '@babel/polyfill'
 import 'roboto-fontface/css/roboto/roboto-fontface.css'
 import '@mdi/font/css/materialdesignicons.css'
@@ -25,7 +23,7 @@ export function createApp(ctx) {
 		data: { url: ctx ? ctx.url : '' },
 		router,
 		store,
-		vuetify,
+		vuetify : plugins.vuetify,
 		render: h => h(App)
 	});
 

src/plugins-client/index.js

@@ -0,0 +1,14 @@
+import camelCase from "lodash/camelCase";
+
+const requireModule = require.context('.', false, /\.js$/);
+const modules = {};
+
+requireModule.keys().forEach(filename => {
+	if(filename !== './index.js') {
+		const moduleName = camelCase(filename.replace(/(\.\/|\.js)/g, ''));
+		modules[moduleName] = requireModule(filename).default;
+	}
+});
+// console.log(Object.keys(modules));
+
+export default modules;

src/plugins/index.js

@@ -0,0 +1,14 @@
+import camelCase from "lodash/camelCase";
+
+const requireModule = require.context('.', false, /\.js$/);
+const modules = {};
+
+requireModule.keys().forEach(filename => {
+	if(filename !== './index.js') {
+		const moduleName = camelCase(filename.replace(/(\.\/|\.js)/g, ''));
+		modules[moduleName] = requireModule(filename).default;
+	}
+});
+// console.log(Object.keys(modules));
+
+export default modules;