Webpack5 導入でやったこと
個人開発のやつで、そんなに依存関係が大きくないからか割と簡単にできた。
とりあえず変更によるちゃんとビルドができるところまで。
Node.js の polyfill の自動挿入廃止
今回 const path = require('path') みたいなコードが依存ライブラリで使われたようで、実際にブラウザで使用される際には使われていなさそうなので、設定ファイルを以下のように変更したらビルドできた。
code:webpack.config.js.diff
module.exports = (/* args, env */) => {
// (省略)
return {
// (省略)
+ resolve: {
+ fallback: {
+ path: false,
+ },
+ },
}
code:webpack.config.js.diff
module.exports = (/* args, env */) => {
// (省略)
return {
// (省略)
+ resolve: {
+ fallback: {
+ path: require.resolve("path-browserify"),
+ },
+ },
}
また乱数生成で crypto を使っていて、暗号的な強度は不要なやつだったので Math.random を使った乱数生成に置き換えた。