generator-cloudberry
v1.1.1
Published
Scaffold out a front-end web app with optionally LESS CSS, Nunjucks and Webfontloader
Downloads
13
Maintainers
Readme
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.