webpackで<script>タグでロードしたライブラリをbundleされたJSから外したい
·1 分で読めます
webpackのconfigには externals というものがある(ドキュメント)。このexternalsで定義したライブラリは、importで参照していてもwebpackでビルドして生成される成果物(bundle.js)には含まれなくなるというもの。
自分のユースケース
- もともとReactを使っていないプロジェクトで一部のページだけでReactを使っていきたい
- 全ページでReactを使うわけではないので、bundle.js には含めたくない(サイズ削減)
- Reactが必要なページのみHTML上の