tailwind 서버 환경 설정

tailwind에 서버 관련하여 자유롭게 커스텀이 가능하다.

몇가지만 해보자.

아래 serve안에 --port=8090는 포트번호가 기본적인 5500번을 사용하게 되는데 그 번호를 8090으로 변경하고

--browser=safari 는 기본 브라우저 설정을 사파리로 설정하는 것이다. 다른 브라우저로 설정이 가능하다.

--host=localhost의 경우는 서버를 로컬환경에서 실행하는 것이다.

{
  "scripts": {
    "start": "run-p watch serve",
    "dev": "tailwindcss -i ./src/styles/input.css -o ./src/styles/main.css",
    "watch": "npm run dev -- --watch",
    "serve": "live-server --open=/src/ --browser=safari --port=8090 --host=localhost"
  },
  "devDependencies": {
    "live-server": "^1.2.2",
    "npm-run-all": "^4.1.5",
    "tailwindcss": "^3.4.10"
  }
}