# Terminal
# Installing yarn
brew install node
brew install yarn
# Terminal
gem install rails --pre
# For older versions,
rails _5.0.1_ new testapp
# To use webpack
rails new testapp --webpack
# or with a JS Framework
rails new testapp --webpack=vue|angular|react
# To install the JS Framework after creating the app
rails webpacker:install:vue
To have compile the webpack assets, which will install to public/packs/folders
# Terminal
rails webpacker:compile
# Terminal
brew install chromedriver
rails g system_test WelcomeController
# welcome_controllers_test.rb
require "application_system_test_case"
class WelcomeControllersTest < ApplicationSystemTestCase
test "visiting the index" do
visit root_url
accept_alert('Webpacker')
assert_selector "h1", text: "Welcome"
end
end
# config/environments/development.rb
config.x.webpacker[:dev_server_host] = "http://localhost:8080"
Start webpack-dev-server to serve the assets with webpack. Keep in mind that you will also need the Rails server running as well.
# Terminal
./bin/webpack-dev-server
Adding a JS Library to the application via yarn and webpack
# Terminal
yarn add jquery
Not covered in the episode, but you'll also need to add the javascript assets.
# application.js
//= require jquery/dist/jquery