Gulp Webpack Starter - really simple and cool toolkit for building static HTML templates using Gulp task runner and Webpack bundler. This is professional Front End workflow, which help you increase your development speed & quality.
Features | Description |
---|---|
CSS | SASS, SMACSS, Autoprefixer, clean-css |
JS | Webpack 2, Babel |
Testing | Jest |
Live Reload | BrowserSync, Webpack Dev Middleware, Webpack Hot Middleware |
HTML | gulp-file-include |
Images | gulp-imagemin |
SVG sprite | gulp-svg-sprite |
Deployment | vinyl-ftp |
Make sure that Node.js & npm installed. Install yarn > npm i yarn -g
.
cd <catalog_you_want>
in your terminal and then:
git clone https://github.com/wwwebman/gulp-webpack-starter <my-project-name>
cd <my-project-name>
yarn install
yarn dev
Yarn ??? Yes, I recommend you to use yarn for fast dependencies installs, but
npm install
works just as well.
yarn <script> or npm run <script> |
Description |
---|---|
dev |
Serves your App at localhost:3000 . Run Browser sync and HMR. |
production |
Compiles your App for production. |
deploy |
Push production version on remote server. |
rm -rf .git
git init
git commit -m "init"
Your can make some modification in ./config.json file (e.g. ftp configuration)
Author - webman.pro