javascript - webpack require() 与否？ React-hot-loader ES6 还是 jsx？

Question

我正在查看react-hot-loader boilerplate 。
我认为使用 web pack 就是在一个或更小的 build.js(名称已定义)中提供 javascript，这需要您使用“require('name')。但看起来样板是使用 ES6“import React from 'react';”？

使用react-hot-loader或react-loader是javascript之上的一些糖，但样板使用导出默认类App扩展，但那是ES6？

Answer 1

基本上他们做同样的事情。因为他们正在使用 babel ，它允许他们使用 es6 语法。 Webpack 使用加载器来处理它；你可以在 webpack 配置中看到 babel 加载器。

这是 ES6 模块语法:

ES6 导入

import React from 'react';

ES6 导出

export default something;

CommonJS 导入

require('react');

CommonJS 导出

module.exports = something;