#Add pug to filewatcher install
#Add pug to filewatcher upgrade

This guarantees a set of dependencies, that work good with each other. important packages also maintained by the core team.

#Add pug to filewatcher upgrade

Stability - Upgrade from 1 to 2 was mostly straight forward (Looking at you Angular or React version 0.X).Why not React or Angular2? I particularly like: $ color : #123456 Appendix II: Why I like Vue your app.vue, which should live under app/javascripts/APP_NAME/*.

All source files in app/javascripts/packs/* will be generated into public/packs/*.

a app/javascripts/packs/hello_vue.js this is the entry point for Webpack, comparable with the manifest application.js before.

if you are using Rails < 5, then the commands could require rake instead of rails.

Depending, if you are planning on using Vue, React, Elm or Angular 2, run the respective generator.

bin/rails webpacker:install - that will generate a bunch of files, mainly a package.json, yarn.lock, and a config/webpack/ directory.

#Add pug to filewatcher install

Install Gem gem 'webpacker', github: 'rails/webpacker'.

There are packages for all kinds of systems, but in last resort you can just npm install -g yarn.

Webpacker uses Yarn package manager under the hood, which should be exist on your system before.

The Webpacker Gem is currently in flux, so it is recommended to follow git master at the moment. Having Webpack integrated into the Rails app and build process sounded particularly interesting.

Using the asset pipeline with wrapper gems (or for that matter) works mostly good, but often has caveats, especially when building SPAs. To leverage all of the cool features (Single Page Components, EcmaScript Next) and many other third party libraries (Highcharts, D3, Leaflet, etc.), we also felt the urge for a better build system. Having a little bit of experience with Vue.js (which is fantastic by the way, but not the main topic of this post), we decided to run with a single page app. Most of the work is done by Webpacker, which can also be used with older versions of Rails.įor one of our products, we decided to revamp our report & chart UI ( - our tool for applicant surveys). Reading the associated PRs ( #1 #2, the wrapper is relatively thin. Ruby on Rails ships with it’s version 5.1 with “webpack and yarn” support.