将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文件。具体是为了使用谷歌的条形图材料。https://developers.google.com/chart/interactive/docs/gallery/barchart#creating-材料条形图

在香草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。不幸的是，我无法让这个简单的香草JS很好地与Node.JS、Babel、Webpack配合使用。

Answer 1

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