https://github.com/vicompany/rollup-itcss
A recipe for bundling ES Modules with rollup.js and a basic Sass (ITCSS) setup.
https://github.com/vicompany/rollup-itcss
css es6 itcss javascript recipe rollup
Last synced: 4 months ago
JSON representation
A recipe for bundling ES Modules with rollup.js and a basic Sass (ITCSS) setup.
- Host: GitHub
- URL: https://github.com/vicompany/rollup-itcss
- Owner: vicompany
- Created: 2020-05-07T10:49:54.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T05:14:09.000Z (about 3 years ago)
- Last Synced: 2025-01-03T18:15:25.609Z (about 1 year ago)
- Topics: css, es6, itcss, javascript, recipe, rollup
- Language: CSS
- Homepage:
- Size: 2.31 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# rollup.js & itcss - front-end recipe
This recipe includes:
- Bundling [ES modules](https://developers.google.com/web/fundamentals/primers/modules) with [rollup.js](https://rollupjs.org/).
- JavaScript unit testing with [Jest](https://jestjs.io/).
- A css setup using the [itcss](https://itcss.io/) architecture, transformed with [PostCSS](https://postcss.org/).
## Usage
- Clone this repo, download the zip file or use [`degit`](https://www.npmjs.com/package/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/scripts/index.mjs)
- [`source/styles/main.css`](source/styles/main.css)
## Tasks
### Development
To start the watchers and a [http-server](https://www.npmjs.com/package/http-server).
```bash
npm run dev
```
### Production build
This will test and lint the source code and create the production builds.
```bash
npm run build
```
These scripts are configured in the [`package.json`](package.json).