Generator-feather NPM

generator-feather

Yeoman project for setting up a modern build setup for Sitefinity Feather.

Features

Webpack with support for SASS, ES5 with babel, Spritesmith and image optimization
Support for Bootstrap/Foundation/SemantecUi/Minimal Feather packages
Support for previous version of sitefinity/feather
Webpack Dev Server with support for setting up inline hot reloading

Requirements

Sitefinity 9.2
NodeJS 4 or later (6 Recommended)
Yarn
Yeoman - yarn global add yo

Where to install

It is assumed that you will be installing feather to ~/ResourcePackages.

Installing

You can being by simply typing yo and follow the prompts to install feather.

Or you run the following to first install it globally then start the install

yarn global add generator-feather
yo feather

Once you begin, you may choose which framework you want and which version of feather you want.

Tasks

Once installed, you will now be able to use yarn to run your project's tasks.

yarn run build - Uses webpack to compile out to /assets
yarn run build:dev - Builds a development version to disk
yarn run dev - Starts up a local dev server for the project on http://localhost:8080/
yarn run lint - Lint for code issues using eslint
yarn run lintfix - Fix linting issues
yarn run test - Built in mocha and unit tests to get you going

Build System Explained

The build system is built around Webpack and uses Yarn to manage your dependencies. By default all your code is contained in the src/ folder and starts with src/js/app.js as it's entry point.