将 node.js fs 与 Webpack 一起使用

Question

我在一个 js 文件中做如下操作

    var FS = require('fs');
    var TestGoogle = eval(FS.readFileSync('../loader.js', 'utf8'));

我添加到我的 webpack 配置中：

node: {
  fs: "empty"
}

webpack 使用 Babel 编译，但在 js 控制台中出现错误

FS.readFileSync is not a function

这是为什么？我只想导入一个 javascript 文件。专门为了使用google的素材条形图。 https://developers.google.com/chart/interactive/docs/gallery/barchart#creating-material-bar-charts

在香草js中，我需要

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
  google.charts.load('current', {'packages':['bar']});

然后，如教程所述，使用 google.charts.Bar 而不是 google.visualization.BarChart。不幸的是，我无法让这个简单的 vanilla JS 与 Node.js、Babel、Webpack 很好地配合使用。

Answer 1

尝试将target: 'node' 添加到 webpack.config.js。我遇到了同样的问题，它为我解决了。