https://github.com/wbkd/riotjs-startkit

A Riot - PostCSS - Webpack Starterkit
https://github.com/wbkd/riotjs-startkit

Last synced: 30 days ago
JSON representation

A Riot - PostCSS - Webpack Starterkit

• Host: GitHub
• URL: https://github.com/wbkd/riotjs-startkit
• Owner: wbkd
• License: mit
• Created: 2015-06-04T11:12:52.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-03-03T17:06:36.000Z (almost 9 years ago)
• Last Synced: 2024-04-14T04:48:35.390Z (8 months ago)
• Language: JavaScript
• Homepage:
• Size: 31.3 KB
• Stars: 132
• Watchers: 11
• Forks: 14
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-riotjs - Riot.js Starter Kit

README

        
# Riot Starterkit

With this starterkit we want to provide **a simple foundation for Riot applications**. We are using the riot router and a flux inspired event controller called RiotControl.


If you have any ideas on how to improve/simplify the structure you are welcome to help us.

This starterkit is based on:

* [Riot](https://muut.com/riotjs/)

* [RiotControl](https://github.com/jimsparkman/RiotControl/)

* [PostCSS](https://github.com/postcss/postcss)

* [Webpack](http://webpack.github.io/)

We are also using the following postcss plugins to process the CSS:

* [postcss-import](https://github.com/postcss/postcss-import)

* [postcss-nested](https://github.com/postcss/postcss-nested)

* [postcss-custom-properties](https://github.com/postcss/postcss-custom-properties)

* [autoprefixer](https://github.com/postcss/autoprefixer)

* [csswring](https://github.com/hail2u/node-csswring)

## Get the kit

```

$ git clone [email protected]:wbkd/riotjs-startkit.git && cd riotjs-startkit

```

## Installation

```

$ npm install

```

## Development

```

$ npm run dev

```

Now the server is runnning on localhost:1337

## Build

```

$ npm run build

```

Thanks to https://github.com/txchen/feplay/tree/gh-pages/riot_webpack for a lot of concepts on how to structure the app.