Cloudberry
Cloudberry is based on the Yeoman Webapp generator, but includes LESS and options for Webfontloader and Nunjucks out of the box
Yeoman generator that scaffolds out a front-end web app using gulp for the build process
Features
Please see our gulpfile for up to date information on what we support.
- enable ES2015 features using Babel
- CSS Autoprefixing
- Built-in preview server with BrowserSync
- Automagically compile Less with lesscss
- Automagically lint your scripts
- Map compiled CSS to source stylesheets with source maps
- Awesome image optimization
- Automagically wire-up dependencies installed with Bower
- Automagically compile .html files from templates using Nunjucks
For more information on what this generator can do for you, take a look at the gulp plugins used in our package.json
.
Getting Started
- Install [Yarn package manager[(https://yarnpkg.com): Instructions
- Install dependencies:
yarn global add yo gulp-cli bower
- Install the generator:
yarn global add generator-cloudberry
- Run
yo cloudberry
to scaffold your webapp - Run
gulp serve
to preview and watch for changes - Run
bower install --save <package>
to install frontend dependencies - Run
gulp serve:test
to run the tests in the browser - Run
gulp
to build your webapp for production - Run
gulp serve:dist
to preview the production build
Docs
- getting started with this generator
- recipes for integrating other popular technologies like CoffeeScript
- details about our Bower setup
Options
-
--skip-welcome-message
Skips Yeoman's greeting before displaying options. -
--skip-install-message
Skips the the message displayed after scaffolding has finished and before the dependencies are being installed. -
--skip-install
Skips the automatic execution ofbower
andyarn
after scaffolding has finished. -
--test-framework=<framework>
Eithermocha
orjasmine
. Defaults tomocha
. -
--no-babel
Scaffolds without Babel support. This only applies toapp/scripts
, you can still write ES2015 in the gulpfile, depending on what your version of Node supports.