chore: set up frontend out dir

Author: marcelovicentegc

.gitignore

@@ -8,7 +8,7 @@ __pycache__
 db.sqlite3
 
 # Webpack
-dist
+frontend/static/frontend
 
 # npm
 node_modules

frontend/jest.config.js

@@ -1,24 +1,27 @@
 const modules = [].join("|");
 
 module.exports = {
-  modulePathIgnorePatterns: ["<rootDir>/dist/", "<rootDir>/node_modules/"],
+  modulePathIgnorePatterns: [
+    "<rootDir>/static/frontend/",
+    "<rootDir>/node_modules/",
+  ],
   moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
   moduleNameMapper: {
     ".+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2|svg)$":
-      "jest-transform-stub"
+      "jest-transform-stub",
   },
   transform: {
-    "^.+\\.(ts|js|tsx)$": "babel-jest"
+    "^.+\\.(ts|js|tsx)$": "babel-jest",
   },
   coverageThreshold: {
     global: {
       branches: 70,
       functions: 70,
       lines: 70,
-      statements: 70
-    }
+      statements: 70,
+    },
   },
   verbose: true,
   setupFilesAfterEnv: ["./jest.setup.js"],
-  transformIgnorePatterns: [`<rootDir>/node_modules/(?!(${modules})/)`]
+  transformIgnorePatterns: [`<rootDir>/node_modules/(?!(${modules})/)`],
 };

frontend/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "outDir": "./dist/",
+    "outDir": "./static/frontend/",
     "target": "es5",
     "jsx": "react",
     "moduleResolution": "node",
@@ -14,6 +14,6 @@
     "module": "esnext",
     "lib": ["es6", "dom", "dom.iterable"]
   },
-  "include": ["./src/**/*"],
-  "exclude": ["node_modules", "dist", "**/__tests__/**/*"]
+  "include": ["./**/*"],
+  "exclude": ["node_modules", "static/frontend", "**/__tests__/**/*"]
 }

frontend/webpack.config.js

@@ -16,9 +16,9 @@ if (process.env.NODE_ENV === "development") {
 module.exports = {
   context: __dirname,
   mode: process.env.NODE_ENV,
-  entry: "./src/index.tsx",
+  entry: "./index.tsx",
   output: {
-    filename: "bundle.js",
+    filename: "index.js",
     path: path.resolve(__dirname, "static/frontend"),
     publicPath: "/",
   },
@@ -32,7 +32,7 @@ module.exports = {
   },
   plugins: [
     new HtmlWebpackPlugin({
-      template: path.resolve(__dirname, "index.html"),
+      template: path.resolve(__dirname, "templates", "frontend", "index.html"),
       filename: "index.html",
     }),
     new CopyWebpackPlugin([{ from: "pwa" }]),