こんにちわ。ユニバの MJ です。 今回は rails の上で動くフロントエンド開発で webpacker を使って javascript 周りの開発の準備をしたので、その覚書です。 webpacker とは rails の構成上で いい感じに webpack でファイルをビルドできるようにしてくれる仕組みを提供してくれる gem です。 今まで webpacker 以前でも、 rails 案件で webpack など Node製のビルドツールを使用している方も多いでしょう。 僕から見た 今までの構成と webpacker を使った場合の構成を比較して見ます。 今まで通りの webpack を使った構成 あるフォルダを自分で作って、その中に生成のための必要な素材一式をおく development では dev-server を立ち上げて rails はそこのソースコードを読みに行く pro
![webpacker を使って見た感想 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/dd31241fcd614465c6469a825025ed60caa42896/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9d2VicGFja2VyJTIwJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUU4JUE2JThCJUUzJTgxJTlGJUU2JTg0JTlGJUU2JTgzJUIzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hOGU4ZTJmODk3MTY0MzQyYTczOGJiNTAyMmM0YjRkNg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbW9ucHkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTlhYjAxMTE0NjViN2ZlODFkY2JlZjk0NGNiMmZlNTE0%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D7d7213a4a85d2b041c7ea8f985e0fc32)