From 5a8555dd610204db06e455a7cae6dd3aa331aad7 Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Tue, 15 Jun 2021 21:43:04 -0800
Subject: [PATCH] code splitting

---
 .gitignore                     |  1 +
 frontend/src/routes/admin.js   | 16 ++++++++--------
 frontend/src/routes/recipes.js | 14 +++++++-------
 makefile                       |  2 +-
 4 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/.gitignore b/.gitignore
index 506b3f2ac321..7fc2d4d477fe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,6 +8,7 @@
 docs/site/
 *temp/*
 .secret
+frontend/dist/
 
 dev/data/backups/*
 dev/data/debug/*
diff --git a/frontend/src/routes/admin.js b/frontend/src/routes/admin.js
index 38f8a67df68e..62e99a4c7a1b 100644
--- a/frontend/src/routes/admin.js
+++ b/frontend/src/routes/admin.js
@@ -1,11 +1,11 @@
-const Admin = () => import(/* webpackChunkName: "admin" */ "@/pages/Admin");
-const Migration = () => import(/* webpackChunkName: "admin" */ "@/pages/Admin/Migration");
-const Profile = () => import(/* webpackChunkName: "admin" */ "@/pages/Admin/Profile");
-const ManageUsers = () => import(/* webpackChunkName: "admin" */ "@/pages/Admin/ManageUsers");
-const Settings = () => import(/* webpackChunkName: "admin" */ "@/pages/Admin/Settings");
-const About = () => import(/* webpackChunkName: "admin" */ "@/pages/Admin/About");
-const ToolBox = () => import(/* webpackChunkName: "admin" */ "@/pages/Admin/ToolBox");
-const Dashboard = () => import(/* webpackChunkName: "admin" */ "@/pages/Admin/Dashboard");
+const Admin = () => import("@/pages/Admin");
+const Migration = () => import("@/pages/Admin/Migration");
+const Profile = () => import("@/pages/Admin/Profile");
+const ManageUsers = () => import("@/pages/Admin/ManageUsers");
+const Settings = () => import("@/pages/Admin/Settings");
+const About = () => import("@/pages/Admin/About");
+const ToolBox = () => import("@/pages/Admin/ToolBox");
+const Dashboard = () => import("@/pages/Admin/Dashboard");
 import { store } from "../store";
 
 export const adminRoutes = {
diff --git a/frontend/src/routes/recipes.js b/frontend/src/routes/recipes.js
index 11cc58c03694..9732bb23d007 100644
--- a/frontend/src/routes/recipes.js
+++ b/frontend/src/routes/recipes.js
@@ -1,10 +1,10 @@
-const ViewRecipe = () => import(/* webpackChunkName: "recipes" */ "@/pages/Recipe/ViewRecipe");
-const NewRecipe = () => import(/* webpackChunkName: "recipes" */ "@/pages/Recipe/NewRecipe");
-const ScraperDebugger = () => import(/* webpackChunkName: "recipes" */ "@/pages/Recipe/ScraperDebugger");
-const CustomPage = () => import(/* webpackChunkName: "recipes" */ "@/pages/Recipes/CustomPage");
-const AllRecipes = () => import(/* webpackChunkName: "recipes" */ "@/pages/Recipes/AllRecipes");
-const CategoryTagPage = () => import(/* webpackChunkName: "recipes" */ "@/pages/Recipes/CategoryTagPage");
-const Favorites = () => import(/* webpackChunkName: "recipes" */ "@/pages/Recipes/Favorites");
+const ViewRecipe = () => import("@/pages/Recipe/ViewRecipe");
+const NewRecipe = () => import("@/pages/Recipe/NewRecipe");
+const ScraperDebugger = () => import("@/pages/Recipe/ScraperDebugger");
+const CustomPage = () => import("@/pages/Recipes/CustomPage");
+const AllRecipes = () => import("@/pages/Recipes/AllRecipes");
+const CategoryTagPage = () => import("@/pages/Recipes/CategoryTagPage");
+const Favorites = () => import("@/pages/Recipes/Favorites");
 import { api } from "@/api";
 
 export const recipeRoutes = [
diff --git a/makefile b/makefile
index df8d8524c81b..c658c40ef3a9 100644
--- a/makefile
+++ b/makefile
@@ -77,7 +77,7 @@ frontend: ## 🎬 Start Mealie Frontend Development Server
 	cd frontend && npm run serve
 
 frontend-build: ## 🏗  Build Frontend in frontend/dist
-	cd frontned && npm run build
+	cd frontend && npm run build
 
 .PHONY: docs
 docs: ## 📄 Start Mkdocs Development Server