如何使用 es6 和 webpack 导入 nools答案

【问题标题】：How to import nools with es6 and webpack如何使用 es6 和 webpack 导入 nools
【发布时间】：2017-02-24 00:17:51
【问题描述】：

我想用 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

【问题讨论】：

见：stackoverflow.com/q/42256013/5647260
如果您正在为浏览器构建，那么您无法告诉 webpack 您正在为节点构建。

标签： javascript webpack ecmascript-6 nools

【解决方案1】：

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

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

node: {
  fs: 'empty'
}

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

【讨论】：