vicompany / rollup-itcss

A recipe for bundling ES Modules with rollup.js and a basic Sass (ITCSS) setup.

rollup.js & itcss - front-end recipe

This recipe includes:

• Bundling ES modules with rollup.js.
• JavaScript unit testing with Jest.
• A css setup using the itcss architecture, transformed with PostCSS.

Usage

• Clone this repo, download the zip file or use degit: npx degit vicompany/rollup-itcss.
• In the root of the project run npm ci or npm i.
• The main entry points are:
  • source/scripts/index.mjs
  • source/styles/main.css

Tasks

Development

To start the watchers and a http-server.

npm run dev

Production build

This will test and lint the source code and create the production builds.

npm run build

These scripts are configured in the package.json.