小编Abh*_*hit的帖子

Next.js 项目中 React-pdf 的 Webpack 配置

我使用react-pdfNext.js 中的库生成 PDF、查看 PDF 并在静态客户端 Next.js 应用程序中下载该 PDF(不涉及服务器)。但我无法为 Next.js 设置 Webpack,因为我对此了解不多。

这就是 Webpack 所需的设置react-pdf

const webpack = require('webpack')

module.exports = {
  /* ... */

  resolve: {
    fallback: {
      process: require.resolve('process/browser'),
      zlib: require.resolve('browserify-zlib'),
      stream: require.resolve('stream-browserify'),
      util: require.resolve('util'),
      buffer: require.resolve('buffer'),
      asset: require.resolve('assert'),
    },
  },
  plugins: [
    new webpack.ProvidePlugin({
      Buffer: ['buffer', 'Buffer'],
      process: 'process/browser',
    }),
  ],

  /* ... */
}

Run Code Online (Sandbox Code Playgroud)

这是next.config.js

module.exports = {
  webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
    // Important: …
Run Code Online (Sandbox Code Playgroud)

javascript typescript reactjs webpack next.js

2
推荐指数
1
解决办法
2267
查看次数

标签 统计

javascript ×1

next.js ×1

reactjs ×1

typescript ×1

webpack ×1