如何与babel一起使用browserify？

Question

我正在尝试对babel编译器使用react。

我尝试在Google上进行搜索，但未找到任何解决方案。

这是我的package.json的样子。

{
  "scripts": {
    "build": "babel --watch src -d lib"
  },
  "devDependencies": {
    "@babel/cli": "^7.4.4",
    "@babel/core": "^7.4.5",
    "@babel/preset-env": "^7.4.5",
    "@babel/preset-react": "^7.0.0",
    "babel-core": "^6.26.3",
    "babelify": "^10.0.0"
  }
}

我还创建了带有预设的.babelrc

{
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

我正在使用命令编译代码。 npm运行构建。

一切正常，但现在我想将我的react组件分离到不同的文件中，并通过导入使用它们。

当我通过使用语法导入“ Person.js”导入组件时。 文件已编译，但在浏览器上运行时显示未找到要求。 我可以理解babel用require代替了import，我知道browserify是解决这个问题的方法，但是我不知道如何在babel中使用browserify。