5

我想以编程方式打印一些 pdf 文档。我现在正在尝试几个小时来使这个 PDFkit 库与 webpack 一起工作。

我已经形成了：

Can't resolve 'fs' in ..

至

fs.readFileSync is not a function

然后到警告

[BABEL] Note: The code generator has deoptimised the styling of "E:/MyProjects/accountingsystem/node_modules/brotli/dec/dictionary-da
ta.js" as it exceeds the max of "500KB".

然后到

require is not defined- 我被困在这里。所有这些错误都来自库本身。

我只有一个文件 - app.js，只有一行代码，即：

const PDFDocument = require('pdfkit');

我的最终webpack.config.js看起来像这样：

module.exports = {
// devtool: 'source-map',

entry: './src/app.js',
output: {
    path: path.resolve (__dirname, "dist"),
    filename: "bundle.js"
},

// node: {
//     console: true,
//     fs: 'empty',
//     net: 'empty',
//     tls: 'empty'
// },

// i've added 'target' - following the advice form some github comments.
target: 'node',
module : {
    rules : [
        { test: /\.js$/, loader: 'babel-loader' },
        {
            test : /\.html$/,
            use : [ 'html-loader' ]
        },

        // then i've added this 2 loaders also:
        { test: /\.json$/, loader: 'json-loader' },
        { test: /pdfkit|png-js/, loader: "transform-loader?brfs" }
    ]
},
plugins:[
    new HtmlWebpackPlugin ({
          template : `src/app.html`
    })
],

};

这实际上是一个 1 行应用程序，我现在已经打了好几个小时了。我已经看到许多用户在使用fs核心模块时遇到问题webpack- 我尝试了所有我能找到的解决方案。它能有多难？这里实际发生了什么？任何见解表示赞赏，谢谢。

4

4 回答 4

2

您还可以将其添加到外部：

  externals: [
    {
      pdfkit: "commonjs2 pdfkit",
    }
  ]
于 2020-12-18T12:36:21.093 回答
1

可以使它与 webpack 一起工作。

pdfmake是一个pdfkit与 webpack 一起使用的包装器。如您所见，这webpack.config.js有点骇人听闻：

https://github.com/bpampuch/pdfmake/blob/master/webpack.config.js

就个人而言，我最终使用了 pdfmake，它提供了一个内置的 js 文件。如果你这样做，你将不得不调整你的 webpack.config，使用 resolve.alias 字段指向pdfmake构建的 js 文件。

于 2017-06-08T14:19:19.763 回答
0

对于遇到这个问题的下一个可怜的灵魂，fs.readFileSync 提到的第一个问题几乎可以肯定是这个问题：PDFKit - Custom Fonts - fs.readFileSync is not a function

问题中的这一行是这部分难题的关键：

{ test: /pdfkit|png-js/, loader: "transform-loader?brfs" }

我最终放弃了这一点，只是在 webpack 之外导入了构建的发布文件（来自https://github.com/foliojs/pdfkit/releases）（即使用脚本 src="" 引用静态 .js 文件）

于 2019-02-18T14:10:48.887 回答
0

如果您想直接使用构建版本，只需使用：

window.pdfMake = require('pdfmake/build/pdfmake.js');
var vfs = require('pdfmake/build/vfs_fonts.js');
window.pdfMake.vfs = vfs.pdfMake.vfs;
于 2019-01-30T15:23:21.777 回答