##two separate builds## There is a default build for development. There is a production build, that goes into the folder called publish. To use production, type in your terminal, or cmd gulp publish.
The following are included in this build (gulps equivalent obviously)
- Watch
- Jade
- Watches root jade and jade includes
- Sass
- Watches root Sass and Sass imports
- uglifies/minifies sass
- Javascript
- watches all js files in the js folder
- Jade
- Jade
- Include infrastructure for Jade
- Plumber Included so that errors do not stop watch
- Sass
- 7-1 architecture
- Plumber Included so that errors do not stop watch
- Webpack
- For this project included as a gulp stream
- will automatically concatenate js files
- uses babel with js and allows for importing and exporting modules as well
- Babel-loader
- allow for es6 to es5 conversion *Jsx-loader
- allow for Jsx support with React
- React
- along with webpack simply call var React = require("./react");
- Eslint
- Babel support included
- Autoprefixer
- BrowserSync for:
- Jade
- Sass
- Javascript
- JSDoc
- Documentation for Javascript
- Bower
- In distribution folder for simple file transfer
- js files automatically included using wiredep
- Wiredep included for automatic bower injection
- Works with Jade + jade include file structure
- Imagemin
- Png + SVG + JPG GIF images minified
- Spritesmith
- turn all of your png's into ready to use sprite images
- Concat JS files
- all js files in repository are concatenated together
| Phase | Task | Complete |
|---|---|---|
| 1 | Create base gulp build | Yes |
| 2 | Separate build for development and production | Yes |
| 3 | Make build professional grade | Yes |
| 4 | Allow for Webpack use | Yes |
| 5 | Allow for use with React, React Dom and JSX, To be use with Webpack. | Yes |
| 6 | Turn into a Slush build catering to web app production |
The following will become optional in yeoman framework