<注意点> rails newの時は以下のように書き込むこと
rails new my-app --skip-javascript
これは、Webpacker/Shakapackerをあとで自分でインストールするので、Railsのデフォルトで入り込むjavascript関連のファイルは不要でインストールしないようにしています。
デフォルトだとWebpackerが入り込んでしまう。
<shakapackerをインストール>
shakapackerをインストールします。
bundle add shakapacker --strict
rails shakapacker:install
<yarnのインストール>
Node.jsのインストールをした後に、yarnのインストールを実行します。
npm install --global yarn
yarnのバージョンもかきかえるよ!
<必要なパッケージをインストール>
yarn add react react-dom @babel/preset-react prop-types \\
css-loader style-loader mini-css-extract-plugin css-minimizer-webpack-plugin
この時に、package.jsonの中の、
"packageManager": "[email protected]",⬅︎ここを最新バージョンに切り替えておく!!
<package.jsonの編集>