프로젝트 구조

mkdir src public dist

src: source 코드가 있는 폴더
public: static한 파일 위치
dist: 번들링 결과물이 위치할 폴더

project
├─ build
├─ src
│   ├─ App.tsx
│   ├─ index.tsx
│   └─ index.html
├─ .babelrc
├─ package.json
├─ webpack
│   └─ webpack.config.js 
└─ .tsconfig.json

project 
  ├─ config
  │   ├─webpack.common.js
  │   ├─webpack.dev.js
  │   └─webpack.prod.js
  ├─ node_modules 
  ├─ src 
  │   ├─public
  │   │   └─index.html
  │   ├─App.tsx
  │   └─index.tsx
  ├─ .babelrc
  ├─ package.json
  ├─ tsconfig.json
  └─ yarn.lock

public/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Webpack without CRA</title>
</head>
<body>
    <div id="root"></div>
</body>
</html>