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 devYarn ??? Yes, I recommend you to use yarn for fast dependencies installs, but
npm installworks 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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent