development時のみ使うライブラリをproduction build時に除外したい。
現在ReactでWebアプリを開発中ですが、開発時にしか使わないpackageがあります。
これをproduction build時にはbuildファイルに含めないようにしたいです。
おそらくwebpackで実現できると思うのですが、うまく行かないので分かる方よろしくお願いします。
該当のソースコード
webpack.prod.js
javascript
1const webpack = require('webpack'); 2module.exports = { 3 plugins: [ 4 new webpack.IgnorePlugin(/^./files$/, /package$/), 5 ], 6};
試したこと
上記のようにwebpackを設定しているのですが、stats-webpack-plugin & webpack-bundle-analyzerで確認したところどうしても不要なpackageが含まれしまいます。
補足情報(FW/ツールのバージョンなど)
"react": "17.0.2",
"webpack": "4.8.0",
"webpack": "4.46.0",
"stats-webpack-plugin": "0.7.0",
"webpack-bundle-analyzer": "4.5.0"
あなたの回答
tips
プレビュー