浏览器import/require？

Question

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

在一个示例中，我看到 'import':

的用法

import 'jquery';

并导入本地文件：

import Header from './Header';

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

require('./Header');

有什么区别？

Answer 1

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

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