由于在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