npm start 실행시 사전배포 설정하기

사전배포 설정

현재 express 설정, sass설치, webpack설치를 해놓은 상태이다

▼ express에서 html rendering하는 설정을 위한 설치

• $npm install consolidate
• $npm install swig

▼ scss를 css로 컴파일 하기 위한 설치

• $npm install sass

▼ js모듈을 가능하게 해주는 webpack 설치

• $npm install webpack
• $npm install webpack-cli
  (이것들은 다 다를 수 있음..)

현재 실행시킬때의 순서가 sass 컴파일 -> webpack 번들링 -> 서버 실행 이렇게 된다

그래서 sass를 컴파일 하기 위한 명령어는 참고

• $sass public/stylesheets/scss:public/stylesheets/css

• ▲ 명령어는 public/stylesheets/scss 폴더에 있는 scss파일들을 public/stylesheets/css 폴더에 css로 컴파일 하겠다 라고 하는 명령어이고

• $npx webpack

• ▲ 명령어는 webpack으로 webpack.config.js 파일에서 설정한대로 번들링 해주는 명령어 이고

(나는 public/javascripts 폴더에 있는 main.js 에 있는 파일을 public 폴더에 main_bundle.js파일로 만들겠다 라고 지정해줌..)

• $npm run start
• ▲그리고 최종적으로 서버 실행

이렇게 되면 서버를 실행할 때 총 3개를 실행 시켜야함.. ಠ﹏ಠ

• 그래서 $npm run start 명령어 사용시 한번에 3개가 자동으로 실행되게 하였다

• 방법은 package.json의 설정을 이렇게 바꾸는 것이다
• 이렇게 하면 $npm run start 명령어 하나면 된다

(～￣▽￣)～