1.0.0 • Published 4 years ago
fishlyn-pages v1.0.0
Gulp-demo
Getting Started
# clone repo
$ git clone https://github.com/FishLyn/gulp-demo.git
$ cd gulp-demo
# install dependencies
$ yarn # or npm install
Usage
$ yarn <task> [options]
e.g.
# Runs the app in development mode
$ yarn serve
# Builds the app for production to the `dist` folder
$ yarn build
Available Scripts
yarn lint
or npm run lint
Lint the styles & scripts files.
yarn serve
or npm run serve
Runs the app in development mode with a automated server.
options
open
: Open browser on start, Default:false
port
: Specify server port, Default:2080
yarn build
or npm run build
Builds the app for production to the dist
folder. It minify source in production mode for the best performance.
options
production
: Production mode flag, Default:false
prod
: Alias toproduction
yarn start
or npm run start
Running projects in production mode.
options
open
: Open browser on start, Default:false
port
: Specify server port, Default:2080
yarn deploy
or npm run deploy
Deploy the dist
folder to GitHub Pages.
options
branch
: The name of the branch you'll be pushing to, Default:'gh-pages'
yarn clean
or npm run clean
Clean the dist
& temp
files.
yarn update
or npm run update
git add.
git commit -m 'initial commit'
git push
Folder Structure
└── gulp-demo ········································ project root
├─ public ········································· static folder
│ └─ favicon.ico ································· static file (unprocessed)
├─ src ············································ source folder
│ ├─ assets ······································ assets folder
│ │ ├─ fonts ···································· fonts folder
│ │ │ └─ pages.ttf ····························· font file (imagemin)
│ │ ├─ images ··································· images folder
│ │ │ └─ logo.png ······························ image file (imagemin)
│ │ ├─ scripts ·································· scripts folder
│ │ │ └─ main.js ······························· script file (babel / uglify)
│ │ └─ styles ··································· styles folder
│ │ ├─ _variables.scss ······················· partial sass file (dont output)
│ │ └─ main.scss ····························· entry scss file (scss / postcss)
│ ├─ layouts ····································· layouts folder
│ │ └─ basic.html ······························· layout file (dont output)
│ ├─ partials ···································· partials folder
│ │ └─ header.html ······························ partial file (dont output)
│ ├─ about.html ·································· page file (use layout & partials)
│ └─ index.html ·································· page file (use layout & partials)
├─ .csscomb.json ·································· csscomb config file
├─ .editorconfig ·································· editor config file
├─ .gitignore ····································· git ignore file
├─ .travis.yml ···································· travis ci config file
├─ CHANGELOG.md ··································· repo changelog
├─ LICENSE ········································ repo license
├─ README.md ······································ repo readme
├─ gulpfile.js ···································· gulp tasks file
├─ package.json ··································· package file
└─ yarn.lock ······································ yarn lock file
1.0.0
4 years ago