webpackでPDFkitライブラリを使用するには？

Question

私はいくつかのPDF文書をプログラムで印刷したいと思います。 this PDFkit libraryをwebpackで動作させるために何時間も努力しています。

私が行ってきたフォーム：

Can't resolve 'fs' in ..

に

[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". 

、警告に続い

fs.readFileSync is not a function

へ

require is not defined - 私はここにいません。これらのエラーはすべてライブラリ内で発生しています。

私はちょうどファイル持っている - あるコードのちょうど一行、とapp.js：私の最後のwebpack.config.jsはこのようになります

const PDFDocument = require('pdfkit');

を：

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の問題を抱えているのを見てきました。それはどれほど難しいでしょうか？ここで実際に何が起こっていますか？どんな洞察も感謝しています、ありがとう。

Answer 1

webpackで動作させることは可能です。

pdfmakeは、webpackで動作するpdfkitのラッパーです。あなたが見ることができるように、webpack.config.jsは一種のハックです：個人的に

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

、私はJS構築されたファイルを提供pdfmake、で働くことになりました。 私はそうしています。あなたはwebpack.configを微調整しなければなりません。解決済みの.aliasフィールドを使用して、pdfmakeビルドされたjsファイルを指します。