Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/antonypaquay/gulp-starter
Gulp configuration using JS concatenation
https://github.com/antonypaquay/gulp-starter
gulp html javascript sass
Last synced: 11 days ago
JSON representation
Gulp configuration using JS concatenation
- Host: GitHub
- URL: https://github.com/antonypaquay/gulp-starter
- Owner: antonypaquay
- Created: 2019-08-21T13:26:02.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-04-18T22:00:14.000Z (almost 2 years ago)
- Last Synced: 2024-12-09T23:16:58.371Z (2 months ago)
- Topics: gulp, html, javascript, sass
- Language: SCSS
- Homepage:
- Size: 1.29 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Gulp Starter
- Compiling your scss files to ``styles.css``
- Compiling your js files using gulp-concat and gulp-uglify to ``main.min.js``
- Automatically reload your browser when a change is detected
**Requirement:**
You need to install Node.js globally in your operating system, for more information please visit this link
https://nodejs.org/en.
### Installation
Install NPM packages
``npm install``
Then run the development server using ``npm start``
**Happy coding! 🎉**
#### SASS folder structure
The organization of the scss file structure can be adapted according to your preferences, knowing that the output point is the ``styles.scss`` file.
```
sass/
|
|- abstracts/
| |- _variables.scss
| |- _media-query.scss
| |- _colors.scss
| ...
| |- _index.scss
|
|- base/
| |- _base.scss
| |- _reset.scss
| ...
| |- _index.scss
|
|- utils/
| |- _main.scss
| |- _container.scss
| |- _exceptions.scss
| ...
| |- _index.scss
|
|- components/
| |- _buttons.scss
| |- _carousel.scss
| |- _dropdown.scss
| ...
| |- _index.scss
|
|- layout/
| |- _header.scss
| |- _sidebar.scss
| |- _footer.scss
| ...
| |- _index.scss
|
|- pages/
| |- _about.scss
| |- _contact.scss
| ...
| |- _index.scss
|
|- themes/
| |- _theme.scss
| |- _admin.scss
| ...
| |- _index.scss
|
|- vendors/
| |- _bootstrap.scss
| |- _modern-reset.scss
| ...
| |- _index.scss
|
|- style.scss
```