プロジェクトの始め方

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

Tagged:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です