如何使用es6和webpack导入nools

Question

我想和webpack一起在我的项目中导入nools，我分两步尝试：

1)使用npm安装nools：

npm install nools --save

2)将nools导入到工程中：

import "../node_modules/nools";

webpack给我这个错误：

Can not resolve 'fs'

并通过将以下代码添加到webpack.config.js来解决此错误

target:node

和webpack构建没有任何错误，但是当用npm start启动我的项目时，浏览器控制台给我这个错误：

require is not defined

我的问题是如何用webpack导入nools

Answer 1

如果将文件路径(而不是源字符串本身)传递给nools.compile()，则看起来像nools needs the fs module to read a file from disk。

假设您在您的webpack项目中基于浏览器使用的nools从未将*.nools字符串传递给nools.compile()，那么fs.readFileSync()将永远不会被调用，因此您可以通过将以下内容添加到您的webpack配置中来强制webpack将require('fs')解析为一个空对象：

node: {
  fs: 'empty'
}

请参阅webpack的node选项文档：1.x / 2.x