webpack + babelでの開発環境に加えて、eslint + prettierの設定まで。 パッケージのインストール react + react-dom npm install react react-dom ちなみにreact-domはreactをDOM向けにコンパイルするパッケージで、 DOM以外の環境などにコンパイルする際に…

グローバル変数のファイル間共有 jQueryなどのライブラリをJSファイル側で毎回読みこむのが面倒であるときに有効なのが、 webpack.common.js に webpack モジュールからプラグインを読み込ませる方法だ。 webpack.common.js const webpack = require('webpac…

Tree shaking 使用していないdead codeを読み込むことはファイルサイズの増大につながり、適切ではないであろう。 Webpackにおいて、例えばライブラリやファンクションを読み込んでいるのに一切使っていない場合は、 デフォルトのproductionモードでは、dist…

WebpackなどのフロントエンドDevOps的な分野は、なかなか面倒なイメージで今まで避けてきた部分だったので、改めてゼロからしっかりと学んでみる。 Webpack学習の問題点 初学者にとっていきなり理解するのは難しい。実践が必要 無関係なこともブラックボック…