web pack 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上的一些糖，但是样板文件正在使用export default class App extends，但那是ES6？

Answer 1

基本上他们做同样的事情。由于它们使用babel，因此它允许它们使用es6语法。 Webpack用装载机处理它;你可以在webpack配置中看到babel loader。

这是ES6模块语法：

ES6导入

import React from 'react';

ES6导出

export default something;

CommonJS Import

require('react');

CommonJS Export

module.exports = something;