https://github.com/ciffi/ciffi-js

CIFFI-JS - 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.
https://github.com/ciffi/ciffi-js

ciffi-js cucumber e2e-test frontend javascript jsdoc nightwatch npm styleguides webpack

Last synced: 3 months ago
JSON representation

CIFFI-JS - 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.

• Host: GitHub
• URL: https://github.com/ciffi/ciffi-js
• Owner: ciffi
• Created: 2016-07-02T09:35:37.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-01T06:54:26.000Z (about 2 years ago)
• Last Synced: 2024-10-08T10:53:12.661Z (4 months ago)
• Topics: ciffi-js, cucumber, e2e-test, frontend, javascript, jsdoc, nightwatch, npm, styleguides, webpack
• Language: JavaScript
• Homepage: https://www.ciffi.it/ciffi-js
• Size: 4.64 MB
• Stars: 4
• Watchers: 3
• Forks: 2
• Open Issues: 34
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[npm-version]: https://img.shields.io/npm/v/ciffi.svg

[npm-url]: https://www.npmjs.com/package/ciffi

[paypal]: https://img.shields.io/badge/-donate-blue.svg?logo=paypal

[![npm-version][npm-version]][npm-url]

[![Build Status](https://travis-ci.org/ciffi/ciffi-js.svg?branch=master)](https://travis-ci.org/ciffi/ciffi-js)

[![Build Status][paypal]](https://www.paypal.me/ciffidesign)

# 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](https://www.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](https://www.ciffi.it/ciffi-js)__