Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mattdodge/front-end-boilerplate
Tired of setting up bootstrap, bower, sass, and browserify every time? Here ya go
https://github.com/mattdodge/front-end-boilerplate
Last synced: 5 days ago
JSON representation
Tired of setting up bootstrap, bower, sass, and browserify every time? Here ya go
- Host: GitHub
- URL: https://github.com/mattdodge/front-end-boilerplate
- Owner: mattdodge
- Created: 2015-07-20T20:11:40.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2015-07-20T23:36:05.000Z (over 9 years ago)
- Last Synced: 2023-03-12T01:11:33.575Z (over 1 year ago)
- Language: JavaScript
- Size: 234 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Front-End Boilerplate
Tired of setting up bootstrap, bower, sass, and browserify every time? Here ya go
## Getting it
Of course, you can do a normal `git clone` if you want. But you may want to just download the boilerplate and not keep all of the commit history and branches for this project. It is likely that you will want the boilerplate to start a **new** git project. There are many ways to do this, but here is my favorite:
```bash
git clone [email protected]:mattdodge/front-end-boilerplate
cd
rm -rf .git
git init
```
## Setting it up
After getting it...
```bash
npm install
bower install
```
## Building it
After setting it up...
### CSS
Make your SASS/SCSS changes in the sass folder. Gulp will build from the `sass/style.scss` file and put the resulting file in `build/style.css`. This output style file will contain the bootstrap CSS by default.
### JS
Make your JavaScript changes in the js folder. Gulp will build from the `js/main.js` file and you can use browserify to `require` other JS files. The resulting JS file will be placed in `build/script.js` and will contain the bootstrap JavaScript by default.
### Bringing it all together
Just run `gulp` (or `gulp watch` to watch for changes) to make the builds happen. The `index.html` file already includes the JS and CSS by default.