{"id":15207098,"url":"https://github.com/abhijithvijayan/gulp-sass-bootstrap-boilerplate","last_synced_at":"2025-10-02T23:35:41.521Z","repository":{"id":44119582,"uuid":"162737508","full_name":"abhijithvijayan/gulp-sass-bootstrap-boilerplate","owner":"abhijithvijayan","description":"⏰📌 Boilerplate with gulp.js, Sass, Babel, and Browsersync.","archived":true,"fork":false,"pushed_at":"2023-01-03T15:42:26.000Z","size":2961,"stargazers_count":24,"open_issues_count":18,"forks_count":9,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-09-29T06:21:46.085Z","etag":null,"topics":["babel","babeljs","boilerplate-template","bootstrap","bootstrap-boilerplate","bootstrap4","browsersync","devserver","gulp","gulpjs","jquery","livereload-server","popperjs","sass"],"latest_commit_sha":null,"homepage":"https://abhijithvijayan.github.io/gulp-sass-bootstrap-boilerplate/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/abhijithvijayan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-12-21T16:49:49.000Z","updated_at":"2023-12-30T14:26:32.000Z","dependencies_parsed_at":"2023-02-01T07:16:08.858Z","dependency_job_id":null,"html_url":"https://github.com/abhijithvijayan/gulp-sass-bootstrap-boilerplate","commit_stats":null,"previous_names":[],"tags_count":1,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhijithvijayan%2Fgulp-sass-bootstrap-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhijithvijayan%2Fgulp-sass-bootstrap-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhijithvijayan%2Fgulp-sass-bootstrap-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhijithvijayan%2Fgulp-sass-bootstrap-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abhijithvijayan","download_url":"https://codeload.github.com/abhijithvijayan/gulp-sass-bootstrap-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235051566,"owners_count":18928185,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["babel","babeljs","boilerplate-template","bootstrap","bootstrap-boilerplate","bootstrap4","browsersync","devserver","gulp","gulpjs","jquery","livereload-server","popperjs","sass"],"created_at":"2024-09-28T06:21:55.079Z","updated_at":"2025-10-02T23:35:41.138Z","avatar_url":"https://github.com/abhijithvijayan.png","language":"JavaScript","funding_links":["https://www.paypal.me/iamabhijithvijayan","https://www.patreon.com/abhijithvijayan","https://www.buymeacoffee.com/abhijithvijayan'"],"categories":[],"sub_categories":[],"readme":"\u003ch2 align=\"center\"\u003egulp-sass-bootstrap-boilerplate\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://travis-ci.org/abhijithvijayan/gulp-sass-bootstrap-boilerplate\"\u003e\n    \u003cimg alt=\"travis\" src=\"https://travis-ci.org/abhijithvijayan/gulp-sass-bootstrap-boilerplate.svg?branch=master\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/gulp\"\u003e\n    \u003cimg alt=\"gulp\" src=\"https://img.shields.io/badge/gulp-v4.0.0-blue.svg\"\u003e\u003c/a\u003e\n  \u003ca href=\"http://getbootstrap.com/\"\u003e\n    \u003cimg alt=\"Bootstrap\" src=\"https://img.shields.io/badge/Bootstrap-v4.2.1-563d7c.svg\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/gulp-sass\"\u003e\n    \u003cimg alt=\"node-sass\" src=\"https://img.shields.io/badge/node--sass-v4.11.0-ff69b4.svg\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://jquery.com/\"\u003e\n    \u003cimg alt=\"jQuery\" src=\"https://img.shields.io/badge/jquery-v3.3.1-ffa200.svg\"\u003e\u003c/a\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg alt=\"livereload\" src=\"https://img.shields.io/badge/dev--server-live--reloading-red.svg\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cem\u003e\n  SASS\n  · Babel\n  · Bootstrap\n  · Gulp\n  · JQuery\n  · PopperJS\n  · Browsersync\n  \u003c/em\u003e\n\u003c/p\u003e\n\nThis Gulp-Sass boilerplate starter contains the features and scripts you need to get started quickly with Gulp Runner and building, Live Loading.\n\u003ch3 align=\"center\"\u003e🙋‍♂️ Made by \u003ca href=\"https://twitter.com/_abhijithv\"\u003e@abhijithvijayan\u003c/a\u003e\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\n  Donate:\n  \u003ca href=\"https://www.paypal.me/iamabhijithvijayan\" target='_blank'\u003e\u003ci\u003e\u003cb\u003ePayPal\u003c/b\u003e\u003c/i\u003e\u003c/a\u003e,\n  \u003ca href=\"https://www.patreon.com/abhijithvijayan\" target='_blank'\u003e\u003ci\u003e\u003cb\u003ePatreon\u003c/b\u003e\u003c/i\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href='https://www.buymeacoffee.com/abhijithvijayan' target='_blank'\u003e\n    \u003cimg height='36' style='border:0px;height:36px;' src='https://bmc-cdn.nyc3.digitaloceanspaces.com/BMC-button-images/custom_images/orange_img.png' border='0' alt='Buy Me a Coffee' /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003chr /\u003e\n\nIt contains the following features:\n\n- GulpJS\n- Babel ES6 Compiler\n- Bootstrap v4\n- JQuery v3.3.1\n- PopperJS\n- Concatenate and minify JavaScript.\n- Compile, minify, autoprefix SASS.\n- Browser-Sync Hot-Reloading\n- Optimize and Cache Images\n\n## Features\n\n### Gulp Loaders and Plugins\n\nThis project contains the following loaders \u0026 plugins:\n\n- `node-sass` for compiling sass (SCSS)\n- `gulp-babel` for compiling ES6 code\n- `Browser-sync` for hot-reloading\n- `gulp-uglify` for compressing JS\n- `gulp-clean-css` for compressing CSS\n- `gulp-sourcemaps` for mapping into css file\n- `gulp-rev` for filename hashing\n- `gulp-imagemin` for optimising images\n\n\u003chr /\u003e\n\n## Getting Started\n\n### Dependencies\n\n*__Note:__ if you've previously installed Gulp globally, run `npm rm --global gulp` to remove it. [Details here.](https://medium.com/gulpjs/gulp-sips-command-line-interface-e53411d4467)*\n\nMake sure these are installed first.\n\n- [Node.js](http://nodejs.org)\n- [Gulp Command Line Utility](http://gulpjs.com)\n\n     `npm install --global gulp-cli`\n\n### Quick Start\n\n1. Clone the repo :\n    \n      `git clone https://github.com/abhijithvijayan/gulp-sass-boilerplate.git\n     `\n2. In bash/terminal/command line, `cd gulp-sass-boilerplate` into project directory.\n3. Run `npm install` to install required files and dependencies.\n4. Launch the `development environment` with :\n\n    `\n    gulp\n    `\n\n    then, navigate to http://localhost:3000\n\nNote: **For Production, Use:**\n\n```\ngulp build\n```\nThis will build files and assets to `dist` directory.\n\n\u003chr /\u003e\n\n## Documentation\n\n### Workflow structure\n\n`src` - \u003e source directory\n\n`dist` -\u003e build directory\n\n\n```\n.\n├── src\n│   ├── assets\n│   │   └── 500x300.jpg\n│   ├── sass\n│   │   ├── _fonts.scss\n│   │   ├── _variables.scss\n│   │   └── main.scss\n│   ├── index.js\n│   └── index.html\n.\n.\n├── dist\n│   ├── assets\n│   │   ├── 500x300.jpg\n│   │   └── rev-manifest.json\n│   ├── css\n│   │   └── style.min.css\n│   ├── js\n│   │   └── bundle.min.js\n│   └── index.html\n.\n```\n\n### Instructions\n\n- Add your HTML files by inserting or including them in the `src` directory (By default `index.html` is added to the directory, feel free to edit it with the changes seen live.)\n  - For the new `HTML` file(s), link the `styles.css` (in head tag) and `bundle.js` (in body tag) file in the `HTML` files as they are created.\n      ```\n      \u003chead\u003e\n          :\n          \u003clink rel=\"stylesheet\" href=\"css/style.css\" /\u003e\n      \u003c/head\u003e\n      \u003cbody\u003e\n          : \n          \u003cscript src=\"js/bundle.js\"\u003e\u003c/script\u003e\n      \u003c/body\u003e\n      ```\n\n- Add `sass`(SCSS) files to `src/sass` folder.\n\n    - Make sure you import the scss file in `main.scss`\n      ```\n      @import \"filename\";\n      ```\n\n- Add `images` to `src/assets` folder.\n\n\n## Licence\n\nCode released under the [MIT License](https://github.com/abhijithvijayan/gulp-sass-boilerplate/blob/master/LICENCE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabhijithvijayan%2Fgulp-sass-bootstrap-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabhijithvijayan%2Fgulp-sass-bootstrap-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabhijithvijayan%2Fgulp-sass-bootstrap-boilerplate/lists"}