react项目搭建知识点

1、require和import的区别：
历史：require函数之前在普通前端项目中需要引入require.js，在react中，使用node js ,require就是node的一个函数，不用再引用require.js 就可以使用require函数
二：用法 import 和require的区别在于，import在编译时候被执行，require在运行时执行，import必须在文件开头，require可以在代码中
三：入口文件的配置

Paste_Image.png

配置说明：

babel-core/register:对文件和api进行babel转码

babel-polyfill: Babel默认只转换新的JavaScript语法（syntax），而不转换新的API，如果想让这些新的api方法运行，必须使用babel-polyfill，为当前环境提供一个垫片

babel-polyfill安装方法：

npm install --save babel-polyfill 或者yarn add babel-polyfill

babel-polyfill使用方法：在脚本头部引入

import 'babel-polyfill';   或者  require('babel-polyfill');