B-CREATIVE

BORNFIGHT STUDIO® project template based on webpack, es6 and scss

Installation

Module has not yet been published on npm. Currently we are using it as local npm module.

npm install -g yo
git clone git@github.com:bornfight-studio/b-creative.git
cd b-creative
npm install
npm link

npm link will install your cloned repo as a global module, as if it was installed through public npm repository. You can read more about it here.

Then generate your new project by running command yo b-creative and follow the instructions. The generator will prompt you with some additional info, but recommended way of generating a new project is that you first cd into project you want the scaffold to be output.

Usage

The generator is based on modern tools and architectures that fit most of "multi page" and "single page" websites.

Webpack based build system

• webpack v5
• browsersync for live reload as webpack plugin

(S)CSS

• based on ITCSS architecture (read about it here) and inspired by inuitcss framework
• uses postcss by default - autoprefixer will automatically add vendor prefixes by browserslist ruleset defined inside package.json

Scripts

npm run build # build for production
npm run dev # build and watch file changes for development
npm run format # format scss and js files with prettier
npm run lint:scss # lint scss files with stylelint
npm run prepare # install husky hooks

License

MIT © BORNFIGHT STUDIO®