あのwebpackとbabelを二度三度。発信力だけあり余ってる感じ2019-10-22あのwebpackとbabelを二度三度。babel今日もまたコーディング。Codingが大好きだから。以前にもwebpackを導入したことはあったのだけれど、というかその時には先輩に導入してもらったような感じで、すっかり記憶から抜けてしまった。JavaScript案件の開発をするので改めて入れ直そうとしたら、webpack4になっていろいろ変わったらしい。なんだっけ?手順を整理しましょう。以前のwebpackとだいぶ異なっているようなので、古い情報を参考にしないように気をつける必要がある。導入とbabel使うところまでのメモ。initしてpackage.jsonを作成。-yにすると、全部の質問にyesで答えるという手抜き仕様。webpackwebpack.config.jsを作成babelをインストール。@babel/preset-env。babel-loader以外はみんな名前が変わってしまった......。webpack.config.jsの項目にbabel関連の記述を追加。わからなくなったのでもう一度この記事の下書きを書いて放置していたのだが、また新規プロジェクトの始め方がわからなくなった。手順を最初からまとめてみる。いくつか記事を見て復習。Qiita混乱した点を整理。パッケージ名が記録される。パッケージ名は等価、ということらしい。なあんだ、それならわかるよ。なんだっけ?npmのバージョン5.2.0で導入された「npx」を用いると、下記のようにローカルにインストールしたnpmパッケージを、npxコマンドだけで実行できるようになります。Qiitanpm5.2.0で導入され、ローカルパッケージを実行するコマンド。(モジュール名)で実行する。手順を整理しましょう。オプションに全部yesなら--yをつける。あとでjsonいじればいいや。-yこれでpackage.jsonが生成された。pack-cliのモジュールをインストール。webpack-cli他にも必要なモジュールがあればインストール。