在Webpack中使用node.js fs

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-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。不幸的是，我无法让这个简单的原始JS与Node.js，Babel和Webpack完美地结合使用。

Answer 1

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