개발후라이
개발후라이
개발후라이
  • 분류 전체보기 (285)
    • Web Front End (74)
      • Javascript & Typescript (26)
      • React (11)
      • Vue (4)
      • Nodejs (1)
      • HTML (6)
      • CSS (7)
      • HTTP (6)
      • 책 - Review (8)
    • TIL (0)
    • Problem Solved (135)
      • 알고리즘 (4)
      • BOJ (67)
      • Programmers (8)
      • HackerRank (33)
      • LeetCode (23)
    • 회고 (4)
      • 오늘의 회고 (16)
      • 주간 회고 (15)
      • 월간 회고 (7)
      • WakaTime (9)
    • Git (3)
    • 기타 (15)
      • 취업 (5)
      • 자격증 (1)

블로그 메뉴

  • GitHub
  • LinkedIn
  • 홈

인기 글

태그

  • 노마드북클럽
  • 자바스크립트
  • JavaScript
  • TypeScript
  • 회고
  • 릿코드
  • 노개북
  • 프론트엔드
  • 개발자
  • 오늘의회고

최근 댓글

최근 글

전체 방문자
오늘
어제

티스토리

hELLO · Designed By 정상우.
개발후라이

개발후라이

Web Front End

우분투에서 웹 프론트엔드 작업 파일 빌드하기

2020. 5. 6. 22:07
반응형

웹 작업은 node + webpack을 사용하고 서버 배포 작업은 우분투 등 리눅스 환경에서 분업하여 한다고 하자.
백엔드 측에서 빌드하고 그 파일을 사용하려면 어떻게 해야 하는지 알아보았다.
node + yarn 을 사용했다.

  1. dotenv와 같이 gitignore에 올라가 있는 시크릿 파일이 있다면 따로 받아서 프로젝트 루트에 위치시키기
  • gitignore에 올라가 있는 파일은 보안 문제로 올라가지 않는 파일일 가능성이 있으므로 메일, 메신저 등을 이용해 따로 받는다.
  1. nodejs 설치하기
curl -sL https://deb.nodesource.com/setup_xx.xx | sudo -E bash - // xx.xx에 프론트 측 노드 버전 입력
sudo apt-get install -y nodejs
node -v //프론트 측과 버전이 같아야 한다.
  1. yarn(node package 관리 도구) 설치하기
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt update && sudo apt install yarn
yarn --version  //프론트 측과 버전이 같아야 한다.
  1. 프로젝트에서 사용한 패키지 설치 및 빌드파일 생성하기
yarn install
yarn build
  • yarn build 이후에 특정 디렉토리에 빌드 결과물이 생성된다.

참고

  • https://github.com/nodesource/distributions/blob/master/README.md
  • https://classic.yarnpkg.com/en/docs/install/#debian-stable
반응형
저작자표시 (새창열림)
    'Web Front End' 카테고리의 다른 글
    • [카카오프로젝트100] 기술아티클 10일차
    • [카카오프로젝트100] 하루에 한 개,기술 아티클 읽기를 시작합니다.
    • Shell Script 명령어 정리
    • 내가 프론트엔드 개발자가 되고 싶은 이유
    개발후라이
    개발후라이
    어제보다 오늘 발전하기 위한 공간 https://github.com/choisohyun

    티스토리툴바