babelify

https://github.com/babel/babelify

export { Spinner };

ParseError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’

编辑：.babelrc

{
预设值”：[es2015 ]，

}

解决方案
在您的配置中，您将 js / main.js 传递给Babel，这是唯一将被转译的文件。当Browserify需要 app.js 时，它会看到ES6的内容并会影响您看到的错误。

您可以使用Babelify来解决这个问题。这是一个Browserify转换，可以转发Browserify接收的源。

要安装它，请运行以下命令：

npm install babelify –save-dev

在react项目开发脚手架选型中，一般大多数情况都会选择create-react-app这款流行的脚手架工具，
但是针对一些比较小的项目，个人建议还是动手搭建建一个小型且轻量的构建工具自用比较合适，下面我们使用gulp，
配合browserify，搭建react开发的环境

项目地址：https://github.com/RiversCoder/gulp-react-project

使用的技术栈
gulp4.x
gulp-load-plugins 自动加载gulp-开头的插件
browserify 打包构建模块工具，只能构建js
browserify-css 使browserify打包构建
babelify babel编译es6，react
vinyl-source-stream 把browserify打包好的内容转换成gulp读取的流
babel-preset-es2015 babel预设，编译es6
babel-preset-react babel预设，编译react

一定注意babel的版本，以及babelify的版本是否匹配，而且不要忘记babel-core的安装，以及本地文件.babelrc文件的创建，这些都是大坑