https://github.com/sourcec0de/gulp-exmaple
a gulp build system example
https://github.com/sourcec0de/gulp-exmaple
Last synced: about 1 year ago
JSON representation
a gulp build system example
- Host: GitHub
- URL: https://github.com/sourcec0de/gulp-exmaple
- Owner: sourcec0de
- Created: 2014-11-03T12:32:15.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2014-11-03T12:33:12.000Z (over 11 years ago)
- Last Synced: 2025-01-12T11:32:57.853Z (over 1 year ago)
- Language: JavaScript
- Size: 113 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Gulp Example
==================
This `gulpfile.js` allows you to watch the `assets/js` directory for changes
in your javascript. When a files is saved it will run the build event.
I explicitly add javascript files to gulp.src to ensure they are loaded
in the correct order. If you're using a system like require however, the order may not matter as much and you could use a glob loader.
The javascript files are pushed through a processing pipeline
- first they are linted with jshint
- uglified
- concatenated into `./public/js/main.js`
#### Getting Started
install gulp `npm install gulp -g`
install local `npm install`
Now you can run `gulp watch` and go about your business modifying your js files.
If you add a new file to gulp.src you will need to restart `gulp watch`. This is the nice thing about the glob method it will account for all javascript files and there is really no need to restart anything.
If the build is successful you won't get any errors in the console and your html can load in `main.js` right before the closing body tag.
```html
```
There are also tons of other awesome gulp plugins to help speed up client side javascript development. Like [live-reload][1] and [s3][2] (for uploading to a cdn).
[1]: https://www.npmjs.org/package/gulp-livereload
[2]: https://www.npmjs.org/package/gulp-s3