javascript - Browserify 导入/要求？

Question

我正在尝试使用 browserify 并且已经通过了许多示例。

在一个示例中，我看到了“导入”的使用:

import 'jquery';

并导入本地文件:

import Header from './Header';

但在其他示例中，我看到人们通过以下方式导入:

require('./Header');

有什么区别？

Answer 1

require() 是 ES5 中的 Node 模块系统(CommonJS)。 import 是 ES6 模块语法。

如果你想对使用 ES6 模块语法编写的模块进行浏览器化，你需要使用类似 babelify(或其他方式的 babel)之类的工具来编译它们。