Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jorgeatgu/base-rollup

🚀 Starter kit: rollup + d3 + postcss
https://github.com/jorgeatgu/base-rollup

bash d3 javascript postcss rollup script starter-kit

Last synced: 17 days ago
JSON representation

🚀 Starter kit: rollup + d3 + postcss

Awesome Lists containing this project

README

        

# Base Rollup

A small starter kit to create data projects or static web projects from scratch.

At first, the script allows you to choose between a static or data project. The difference is that the data project has built-in d3, nothing more. Then select the name of your project folder, and you will have little scaffolding ready to work.

The starter kit is ready to work with a reduced version of d3 based on importing only the [necessary modules](https://github.com/jorgeatgu/base-rollup-d3/blob/master/src/js/d3.js).

## How to use

Download the script, and simply run it

```
bash init.sh
```

## DEMO

[![asciicast](https://asciinema.org/a/170142.png)](https://asciinema.org/a/306571)

## Getting Started

```
yarn install
```

```
yarn serve
```

## Plugins

**Linters**: eslint[ JavaScript ] & Stylelint[ CSS ]
**Minifiy**: teser[ JavaScript ] & CSSnano[ CSS ]
**Server**: Browsersync
**Lint-staged**: lint CSS files with Stylelint and JS files with Eslint before push to repository

## Script to init

The script create a structure like this:

```

├─ src/
│ ├─ css/
│ ├─ img/
│ └─ js/
│
├─ css/
├─ js/
├─ img/
├─ .gitignore
├─ .eslintrc
├─ .stylelintrc
├─ .prettierrc.json
├─ index.html
├─ rollup.config.js
└─ package.json
```

## License

[MIT](LICENSE) © Jorge Aznar