Gather 프로젝트 세팅

CH_Hwang·2022년 9월 17일
0

LinkGather

목록 보기
2/10

BACK END

  • typeORM 사용 DB 연결까지
  • eslint, prettier 설정
  • graceful shutdown
  • apollo server 세팅 (resolver가 없어 주석처리)
  • 현재 sync 옵션이 CREATE TABLE IF NOT EXISTS가 아니라 그냥 CREATE TABLE로 쿼리가 입력되서 일단 DROP TABLES -> CREATE TABLE로 테이블만 만들어주도록 함 (추후 마이그레이션으로 변경할 예정)

FRONT END

  • eslint, prettier 설정
  • 웹팩 설정 중 Can't resolve './src' in ... 에러 발생
  • 왜 폴더를 못읽는지 아직 몰라서 찾아보는중 (extension이 제대로 먹히지 않을 가능성이 커보인다.) -> module.exports인데 module.export로 씀 ㅡㅡ;
  • favicon

// webpack.config.js
const path = require("path");
const resolve = require("./webpack.config.resolve");

module.export = () => {
  const mode =
    process.env.NODE_ENV === "production" ? "production" : "development";

  return {
    entry: ["./src/index.tsx"],
    mode,
    resolve,
    output: {
      path: path.join(__dirname, "/dist"),
      filename: "[name].js",
    },
    module: {
      rules: [
        {
          test: /\.tsx?$/,
          exclude: /node_modules/,
          loader: "ts-loader",
          options: {
            transpileOnly: true,
          },
        },
      ],
    },
    ...
  };
};    
  
//webpack.config.resolve.js
  const path = require("path");

module.exports = {
  extensions: [".ts", ".tsx", ".js", ".jsx"],
  modules: [path.resolve(__dirname, "src"), "node_modules"],
  alias: {
    "@assets": path.resolve(__dirname, "src", "assets"),
    "@libs": path.resolve(__dirname, "src", "app", "libs"),
    "@components": path.resolve(__dirname, "src", "app", "components"),
    "@screens": path.resolve(__dirname, "src", "app", "screens"),
    "@routes": path.resolve(__dirname, "src", "app", "routes"),
    "@models": path.resolve(__dirname, "src", "app", "models"),
    "@configs": path.resolve(__dirname, "src", "app", "configs"),
    "@repositories": path.resolve(__dirname, "src", "app", "repositories"),
  },
};

0개의 댓글