プロジェクトの始め方
bundler で Rails を入れる
$ mkdir app_test && cd $_ $ bundle init $ gsed -i -E 's/#\s+(gem "rails")/\1/' 'Gemfile' $ bundle install --path vendor/bundle --jobs=4 --binstubs=bundle_bin $ bundle exec rails new . -f
参考:
Mac Ruby on Railsの環境構築とbundlerについて – TASK NOTES
Vue.js を使う
新規プロジェクトの場合
$ rails new vue_test --webpack=vue
既存プロジェクトの場合
Gemfile に Webpacker gem を追加する
# Gemfile gem "webpacker"
bundle install を実行する
$ bundle install
Webpacker のインストール
$ rails webpacker:install
Vue.js のインストール
$ rails webpacker:install:vue
参考:
Rails 5.1 + Vue.js で開発を行う – part1 環境構築 – Qiita
Webpacker で ERB を使う
$ rails webpacker:install:erb
参考:
Erbサポートを使う場合 – Rails 5: Webpacker公式README — Webpack v4対応版(翻訳)| TechRacho
Erb – rails/webpacker: Use Webpack to manage app-like JavaScript modules in Rails – GitHub
usabilityhub/rails-erb-loader: Embedded Ruby (.erb) webpack loader for Ruby projects – GitHub