webpack5 nodejs模块polyfill(Buffer)

在webpack5中,由于移除了对node.js核心模块的polyfill自动引入,开发者需要手动处理如Buffer这样的全局变量。通过配置,可以在打包时避免因使用node.js全局变量引发的错误。
摘要由CSDN通过智能技术生成

由于在webpack5中移除了nodejs核心模块的polyfill自动引入,所以需要手动引入,如果打包过程中有使用到nodejs核心模块,webpack会提示进行相应配置,
在这里插入图片描述
根据上图提示可以解决在require或者import过程中模块路径的问题,但是对于Buffer这种在nodejs中的全局变量还需要进行自动引入:

  plugins: [
    new webpack.ProvidePlugin({
   
      Buffer: ["buffer", "Buffer"]
    })
  ]
  //https://github.com/webpack/changelog-v5/issues/10

一份完整配置如下:

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值