動機・経緯
経緯
- オープンソースプロジェクトにprを出すぞ! (JS)
- 一箇所だけ、呼び出し元から引数を渡してモジュールをnewしたいぞ
- Webpackでbuildすると 引数が消えてビルドされるのだが…
背景
- 自分はフロントエンドだけはだましだましやってきたのだった
勉強
- _interopRequireDefault のところでnewの時の引数が消滅してるので、それでググった
- webpack カテゴリーの記事一覧 - コンパイラかく語りき を見つけたので、一通り読んだ
- 当初の問題についてはわからなかったが、webpackのことはそれなりにわかったかも
- WebPackを使ってJavaScriptを効率的に書くチュートリアル【入門編】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
- 分かりやすいWebpackの記事
- WebPackを使ってRailsからJavaScriptを楽に良い感じに分離する - Qiita
- WebPack公式チュートリアルを消化する(前半) - コンパイラかく語りき
- わかりやすかった
- 非公式Webpackチュートリアル その2 - コンパイラかく語りき
webpackとはつまりconfigを書くことと見たり。
- わかりやすい
- HotModuleReplacement
⇒ 画面を再描画しなくても、コードの変更をブラウザに反映してくれるやつ
- 【意訳】Webpackの混乱ポイント - Qiita
- かなりしっかりしてる内容 ◎ 2021/08/31 0:40
例:HTML内に"googleAnalytics.js"を読み込ませたいとします。このJSファイルをbundle.jsの最後部に追加するよう指定する場合、以下のとおりです。
- third party のjs もバンドルできるんだね 2021/08/31 0:41 17min
- entry (多分出力されるファイル)も複数持てるのね 2021/08/31 1:16 17min
- ☆ 十一章第四回 Objectとプロパティ — JavaScript初級者から中級者になろう — uhyohyo.net
- オブジェクトの属性についてとてもよくわかった
- この方の JavaScript中級者になるシリーズはそのうち全部よみたい (もしかしたら古いかもしれないけど……)
感想
- JavaScript は書き方の種類が大量にあって、PHPよりはるかに厳しいと思う
今後
- webpack new 引数 消滅 とかでググって、当初の問題の解決策を見つけたい
時間管理
- 2021/8/29 38min から勉強してるみたい
- 2021/08/31 27min で勉強終わった
- つまり勉強時間は丸2日(約1時間)のようである