ciffi

Ciffi Frontend Generator

Usage no npm install needed!

<script type="module">
  import ciffi from 'https://cdn.skypack.dev/ciffi';
</script>

README

npm-version Build Status Build Status

Ciffi Frontend Generator

Ciffi js is a frontend project generator with node based build system and javascript framework.

It includes webpack for javascript module, node-sass for build scss files with postCSS autoprefixer and cleancss, livereloadjs for fast development

full documentation available at ciffi.it/ciffi-js


install ciffi

npm install -g ciffi

setup new project

ciffi setup [projectname]

CLI COMPLETION

  • add this snippet to your .bash_profile
# ciffi completion
if [ -f /usr/local/lib/node_modules/ciffi/ciffi.bash ]; then
  . /usr/local/lib/node_modules/ciffi/ciffi.bash
fi

WORKFLOW

  1. create folder (I usually use frontend in the root of project), then browse inside it and run setup task
  2. answer the setup process questions
  3. define your config files in src/config/env/envName.js
  4. finish project's configuration by edit the .ciffisettings file
  5. link main.css and main.js to your project
  6. each new project contains all tasks for develop, test and build

full documentation available at ciffi.it/ciffi-js