webpack5 配置引入一些 node polyfill 模块时,最终打包出来的 umd 代码用不了

2022-05-23 17:57:11 +08:00
 a1248499257

因为项目中引用的一些库有用到 node 的 path 模块,所以我根据 webpack5 的文档说明做了如下操作:

  resolve: {
    extensions: ['.js', '.jsx',......],
    fallback: {
      stream: false,
      crypto: false,
      path: require.resolve('path-browserify'),
    },
  },

这是打包的 output 代码:

 output: {
    filename,
    library,
    path: path.resolve(moduleDir, 'umd'),
    libraryTarget: 'umd',
  }

打包的页面是 react 代码,我在 index 的入口文件中输出了一个这样的东西:

const Component = () => {xxx};

export default Component;

在去除掉包含 path 模块的库时是可以正常使用,加上之后就报错了,求路过的大佬指点迷津

747 次点击
所在节点    前端开发
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/854767

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX