Welcome to modern publisher 👋

퍼블리셔를 위한 자동 빌드 툴

Gulp4 + Webpack + babel 를 기반으로 pug, sass, es2015+ 를 사용하여 전통적인 정적 페이지 html5, css3, javscript 를 손쉽고 편하게 빌드하기 위한 자동화 도구입니다.

Clone

git clone https://github.com/imsourceboom/modern-pubilsher.git [project name]
# And
cd [project name]

[project name]을 생략시 default로 modern-publisher 폴더로 생성됩니다.

Install

npm install
# or
yarn install # yarn이 설치 되어 있을 시

dependencies package들은 example page를 위한 package들이니 사용여부에 따라 삭제하세요.

Usage

npm start
# or
yarn start # yarn이 설치 되어 있을 시

기본 포트는 4000 이며 포트 변경을 원하시면 gulp/browserSync.js 에서 변경하세요.

Description

• pug

  • entry: src/pug/index.pug AND src/pug/pages/
  • output: build/index.html AND build/html/

• sass

  • entry: src/sass/main.scss
  • output: build/css/main.css

• script

  • entry: src/script/index.js
  • output: build/js/app.js

• image

  • entry: src/assets/images
  • output: build/assets/images

• image 파일들을 위 image entry의 위치에 추가하시면 자동 감지 및 압축됩니다.

• css 파일은 sass 설정으로 autoprefixer + compressed 가 적용되어 빌드됩니다.

• js 파일은 webpack의 production mode 로 압축되어 빌드됩니다.

Author

👤 imsourceboom (ecmascript.developer@gmail.com)

Show your support

Give a ⭐️ if this project helped you!

---

This README was generated with ❤️ by readme-md-generator