https://github.com/gauravtiwari/rails-webpacker

Rails on webpack and yarn with new webpacker gem. Multiple examples using react, vue and angular
https://github.com/gauravtiwari/rails-webpacker

rails rails-webpacker webpack-es6 yarn

Last synced: 18 days ago
JSON representation

Rails on webpack and yarn with new webpacker gem. Multiple examples using react, vue and angular

• Host: GitHub
• URL: https://github.com/gauravtiwari/rails-webpacker
• Owner: gauravtiwari
• Created: 2016-12-18T16:37:11.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-04-20T07:14:17.000Z (over 7 years ago)
• Last Synced: 2024-11-29T18:11:53.419Z (23 days ago)
• Topics: rails, rails-webpacker, webpack-es6, yarn
• Language: Ruby
• Homepage: https://rails-webpacker.herokuapp.com/
• Size: 218 KB
• Stars: 77
• Watchers: 8
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Rails Webpacker

Demo app that showcases Rails on webpack and yarn using Webpacker gem (default setup in upcoming Rails 5.1)

* [Webpacker](https://github.com/rails/webpacker)

* [PR](https://github.com/rails/rails/pull/26836)

# Examples

* React + Demo HTML

* Angular + Demo HTML

* Vue + Demo HTML

* React + ActionCable + Chat

# Running in development

The app is using [foreman](https://github.com/ddollar/foreman), famous process manager. Checkout the `Procfile.dev` in app root for more information.

```bash

  git clone [email protected]:gauravtiwari/rails-webpacker.git

  cd rails-webpacker

  bundle install

  brew install yarn # (if not installed)

  ./bin/yarn install

```

Or just run prepare script to install everything after cloning the repo

```bash

  ./bin/prepare # only on macOS

```

(try `chmod 777 ./bin/prepare` incase it doesn't work)

Then, run the server,

```bash

  ./bin/server

```

(try `chmod 777 ./bin/server` incase it doesn't work)

# Installing new node modules

```bash

  # Using Yarn

  ./bin/yarn add material-ui

```

Then, import it in your component,

```js

  import { Card } from 'material-ui/Card';

```