记录webpack5的一个小坑-

153 阅读1分钟

内容都是自己学习内容

webpack问题记录

背景:在项目中要使用bcryptjs来加密,npm i bcryptjs,在启动项目之后发现告警

image.png

问题:因为 @vue/cli 从 4.0 升级到 5.0 已经不默认包含 node.js 的核心 polyfills 组件了, webpack5.X中移除了nodejs核心模块的ployfill自动引入,所以需要手动导入相关模块,我们使用了nodejs核心模块的相关方法,所以webpack提示我们要进行相应的配置

解决:

npm i node-polyfill-webpack-plugin // 大佬封装好的plugin

在vue.config.js中:
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin")
configureWebpack: {
    plugins: [
      new NodePolyfillPlugin()
    ]
  }