https://github.com/mindreframer/webpack_and_rails

https://github.com/mindreframer/webpack_and_rails

Last synced: 12 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mindreframer/webpack_and_rails
• Owner: mindreframer
• Created: 2014-10-05T17:12:28.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2014-11-27T20:50:58.000Z (over 11 years ago)
• Last Synced: 2025-03-25T08:42:33.180Z (about 1 year ago)
• Language: Ruby
• Size: 543 KB
• Stars: 13
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

          
## Test app for Webpack + Rails integration

# Requirements

  - Ruby > 1.9

  - Node.js + bower

# Installation

    git clone git@github.com/mindreframer/webpack_and_rails.git

    cd webpack_and_rails

    # will install Gems + NPM packages + Bower packages

    bin/install

    # start webpack,

    # listen for changes in 'fe/' and automatically compile to 'public/webpack' folder

    make webpack

    # run continuous tests with Karma on any change

    make karma

    # format CSS files in 'fe/' with CSScomb

    make csscomb

## Great Intros

  - http://okonet.github.io/viennajs-webpack-introduction

  - http://web-design-weekly.com/2014/09/24/diving-webpack/

  - http://peerigon.github.io/presentations/2014-07-09-MNUG-webpack/

  - http://slides.com/davidmason/packaging-commonjs-for-the-browser

  - https://www.reinteractive.net/posts/213-rails-with-webpack-why-and-how

  - http://www.railsonmaui.com/blog/2014/10/02/integrating-webpack-and-the-es6-transpiler-into-an-existing-rails-project/

  - https://medium.com/brigade-engineering/setting-up-webpack-with-rails-c62aea149679

  Webpack with

    - text-extraction for CSS files

    - will generate files into public/webpack

  Used:

    - lib/webpack_integration.rb (on-the-fly manifest generation + fuzzy matching for bundled files (also images!)) from any Ruby / Rails app

  Webpack (general)

    - https://gitter.im/webpack/webpack -> CHAT!

    - https://github.com/petehunt/webpack-howto

    - http://webpack.github.io/docs/optimization.html

    - http://webpack.github.io/docs/stylesheets.html

    - https://www.youtube.com/watch?v=VkTCL6Nqm6Y&feature=youtu.be (How Instagram.com works)

  Webpack Examples:

    - https://github.com/webpack/webpack/tree/master/examples

    - https://github.com/srn/react-webpack-boilerplate (great example for production / dev settings)