webpackerのコンパイルについて

前提・実現したいこと

環境:rails6 vue AWS(ec2) docker
1.railsで使うwebpackerを本番環境で起動させたい。
2.webpackerでバンドルされた app/javascript/packs のコードを
public/packs に配置したい
3.webpacker.ymlはデフォルト設定

なぜpublic/packsにコードがコピーされないのかわかる方いらっしゃいましたらよろしくお願いいたします。

発生している問題・エラーメッセージ

css,javascriptなどの要素をwebpackerでコンパイルするために bin/webpack ,webpacker:compile などを行うが、app/javascript/packs のコードが public/packs にコピーされない。

該当のソースコード

terminal
1ソースコード
2Hash: 171066e2003247ee40bf
3Version: webpack 4.46.0
4Time: 6239ms
5Built at: 05/14/2021 4:59:24 PM
6                                              Asset       Size       Chunks                         Chunk Names
7             js/application-62ea32e3bdd57400d9ad.js   1.45 MiB  application  [emitted] [immutable]  application
8         js/application-62ea32e3bdd57400d9ad.js.map   1.53 MiB  application  [emitted] [dev]        application
9                                      manifest.json  794 bytes               [emitted]
10  media/iconfont/MaterialIcons-Regular-4674f8de.eot    140 KiB               [emitted]
11  media/iconfont/MaterialIcons-Regular-5e7382c6.ttf    125 KiB               [emitted]
12 media/iconfont/MaterialIcons-Regular-83bebaf3.woff   56.3 KiB               [emitted]
13media/iconfont/MaterialIcons-Regular-cff684e5.woff2   43.3 KiB               [emitted]
14Entrypoint application = js/application-62ea32e3bdd57400d9ad.js js/application-62ea32e3bdd57400d9ad.js.map
15[./app/javascript/Pages/FollowerIndex.vue] 1.09 KiB {application} [built]
16[./app/javascript/Pages/FollowerShow.vue] 1.08 KiB {application} [built]
17[./app/javascript/Pages/Home.vue] 1.04 KiB {application} [built]
18[./app/javascript/Pages/MatchIndex.vue] 1.07 KiB {application} [built]
19[./app/javascript/Pages/MatchShow.vue] 1.07 KiB {application} [built]
20[./app/javascript/Pages/MessageIndex.vue] 1.08 KiB {application} [built]
21[./app/javascript/Pages/MessageShow.vue] 1.15 KiB {application} [built]
22[./app/javascript/Pages/MypageEdit.vue] 1.14 KiB {application} [built]
23[./app/javascript/Pages/MypageHome.vue] 1.07 KiB {application} [built]
24[./app/javascript/app.vue] 1.06 KiB {application} [built]
25[./app/javascript/channels/index.js] 211 bytes {application} [built]
26[./app/javascript/packs/application.js] 1.32 KiB {application} [built]
27[./app/javascript/router/router.js] 1.82 KiB {application} [built]
28[./app/javascript/store/store.js] 187 bytes {application} [built]
29[./app/javascript/stylesheets/application.scss] 664 bytes {application} [built]
30    + 168 hidden modules

試したこと

webpacker:compile
assets:precompile
bin/webpack

補足情報（FW/ツールのバージョンなど）

行動規範の内容に同意します

回答1件

ファイルはそのままコピーはされません。

複数のファイルをつなぐ、npmからのライブラリを組み込む、名前を変更する、などの作業が行われます。

投稿2021/05/14 23:57

maisumakun

総合スコア145183

sasa-design

2021/05/15 06:40

回答ありがとうございます。公式ドキュメントにはwebpackerをコンパイルした際にapp/javascript/packsのコードがpublic/packsに出力される（表現が正しくないかもしれません）と記載されていたのですが、bin/webpack webpacker:compile などのコマンドを実行してもpubic/packs にコードが出力されません。知識が乏しく抽象的な質問になってしま申し訳ないのですがこちらに関してもご回答いただけると幸いです。

maisumakun

2021/05/15 07:05 編集

> pubic/packs にコードが出力されません。上の出力メッセージを見ると、manifest.json以外はpublic/packs/のさらにサブフォルダ（js/やmedia/以下）に出力がなされているように見えますが、そこにもありませんか？

sasa-design

2021/05/15 08:23

public/packsには何も作成されていない状態です。出力メッセージは出ますし、開発環境ではpublic/packsにコードがないですが表示されます。ただ本番環境のwebserverでnginxを使用しており、そこのserverのpathを　自分のアプリ/public にしているため、publicに出力されたコードが存在しないので404 not found　になってしまいます。

maisumakun

2021/05/15 08:25

「bin/webpack ,webpacker:compile などを行」ったのは本番のサーバ上での話でしょうか？それとも、ローカルで行っていますか？

sasa-design

2021/05/15 13:44

ec2にdockerで本番環境の構築を行い、サーバーを立ち上げる前に上記のコマンドを打ちました。

maisumakun

2021/05/15 13:45

> サーバーを立ち上げる前に上記のコマンドを打ちました。コマンドの実行はDocker「内」ですか、「外」ですか？

sasa-design

2021/05/15 14:27 編集

申し訳ございません。確認不足だったので追記します。 docker-compose run web rails webpacker:compile 上記を実行しているのでサーバーが立ち上がった後？同時？にDockerの中で実行していると思います。