javascript - 将 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 文件。特别是为了使用谷歌的 Material 条形图。 https://developers.google.com/chart/interactive/docs/gallery/barchart#creating-material-bar-charts

在 vanilla 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。我遇到了同样的问题，它为我解决了。