webpackerで使えるコマンド

webpackerで使えるコマンド

bin/webpack

ローカルでJSファイルのビルドを行うコマンド

/D/d/double_worker ❯❯❯ ./bin/webpack                                                                                                                                                                                 [~/Desktop/development/double_worker]+[feature/bug_oauth]
Hash: 729e47d437ddb260bf89
Version: webpack 4.42.0
Time: 5084ms
Built at: 2020/05/15 22:25:10
                                     Asset       Size       Chunks                         Chunk Names
    js/application-ee71c0784a5f39a87b9d.js    829 KiB  application  [emitted] [immutable]  application
js/application-ee71c0784a5f39a87b9d.js.map    883 KiB  application  [emitted] [dev]        application
    js/jquery_raty-1abc4f487b5b0813268e.js    425 KiB  jquery_raty  [emitted] [immutable]  jquery_raty
js/jquery_raty-1abc4f487b5b0813268e.js.map    415 KiB  jquery_raty  [emitted] [dev]        jquery_raty
                             manifest.json  703 bytes               [emitted]
Entrypoint application = js/application-ee71c0784a5f39a87b9d.js js/application-ee71c0784a5f39a87b9d.js.map
Entrypoint jquery_raty = js/jquery_raty-1abc4f487b5b0813268e.js js/jquery_raty-1abc4f487b5b0813268e.js.map
[./app/javascript/channels sync recursive _channel\.js$] ./app/javascript/channels sync _channel\.js$ 160 bytes {application} [built]
[./app/javascript/channels/index.js] 211 bytes {application} [built]
[./app/javascript/packs/application.js] 1.2 KiB {application} [built]
[./app/javascript/packs/jquery_raty.js] 19.2 KiB {jquery_raty} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 552 bytes {application} [built]

bin/webpack-dev-server

このコマンドを実行した状態で一緒に rails sしてサーバーを動かすとJS側の変更をホットリロードしてくれる。 このコマンドを打たないと毎回webpackerがコンパイルされて実行にめっちゃ時間かかる。