webpack < 5 used to include polyfills for node.js core modules by default

文章讲述了Webpack5不再自动包含Node.js核心模块的polyfill,开发者需要手动配置。可以添加`node-polyfill-webpack-plugin`或者在`craco.config.js`中设置别名和配置。示例中提供了如何排除特定别名的polyfill。
摘要由CSDN通过智能技术生成
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
	- add a fallback 'resolve.fallback: { "os": require.resolve("os-browserify/browser") }'
	- install 'os-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
	resolve.fallback: { "os": false }
yarn add ode-polyfill-webpack-plugin

craco.config.js如下

//对webpack配置别名
//对webpack配置别名
const path = require('path')
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
module.exports = {
    // webpack 配置
    webpack: {
        // 配置别名
        alias: {
            // 约定:使用 @ 表示 src 文件所在路径
            '@': path.resolve(__dirname, './src'),
        },
        configure: (webpackConfig) => {
          if (webpackConfig.plugins) webpackConfig.plugins.push(new NodePolyfillPlugin({
            excludeAliases: ['console']
          }))
          else webpackConfig.plugins = [new NodePolyfillPlugin({
            excludeAliases: ['console']
          })]
          return webpackConfig
        }
    }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值