https://github.com/ibarakilol/gulp-webpack-starter

Production-ready Gulp, Webpack starter
https://github.com/ibarakilol/gulp-webpack-starter

babel bem eslint gulp html javascript jquery scss webpack yarn

Last synced: 4 days ago
JSON representation

Production-ready Gulp, Webpack starter

• Host: GitHub
• URL: https://github.com/ibarakilol/gulp-webpack-starter
• Owner: Ibarakilol
• Created: 2021-02-06T10:57:04.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-02-04T10:03:10.000Z (about 3 years ago)
• Last Synced: 2023-08-13T16:43:49.507Z (over 1 year ago)
• Topics: babel, bem, eslint, gulp, html, javascript, jquery, scss, webpack, yarn
• Language: JavaScript
• Homepage:
• Size: 154 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Production-ready Gulp, Webpack starter

## How to use

1. Install [NodeJS](https://nodejs.org/en) (if required)

2. Install ```gulp``` and ```yarn``` globally: ```npm i -g gulp yarn```

3. Download repository using [Git](https://git-scm.com/downloads): ```git clone https://github.com/Ibarakilol/gulp-webpack-starter.git```

4. Navigate to the downloaded folder

5. Download the required dependencies: ```yarn```

6. To begin, enter the command: ```yarn dev```

7. To build the project, enter the command ```yarn build```

If you did everything correctly, you should open a browser with a local server. Build mode involves optimizing the project: compressing images, minifying CSS and JS files for uploading to the server.

## Features

* [BEM](https://en.bem.info) structure

* [SCSS](https://sass-lang.com) preprocessor

* [Babel](https://babeljs.io) transpiler to support modern JavaScript (ES6) in browsers

* [Webpack](https://webpack.js.org) to build JavaScript modules

* [Airbnb](https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb-base) code linting

* Code checking for errors before committing