http-server is a simple, zero-configuration command-line http server. It is powerful enough for production usage, but it's simple and hackable enough to be used for testing, local development, and learning.
글로벌하게 사용할 수 있도록해도 되지만 프로젝트 내부 패키지로 추가하자.
yarn init -y
yarn add http-server
yarn http-server [path] [options]
path은 index.html 파일 있는 경로를 적어주면 된다.
public/index.html
html:5
HTML5 Snippets
<!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>Document</title>
</head>
<body>
<div>
hello world
</div>
</body>
</html>
Favicon https://webdir.tistory.com/337
<link rel="shortcut icon" href="./favicon.png">
128x128 사이즈로하면 알아서 작은 아이콘으로 최적화된다.
package.json
{
//...
"scripts": {
"start": "http-server ./ -o ./public -c-1"
}
}