babelify 和 babel 有什么区别

Question

在书上开到babellify这个东西，和babel一起使用，搞不懂为什么要用它，然后我去找了一下资料，貌似只要是babel 6.0版本不支持提供浏览器版本，而是要使用构建工具，下面就没有太详细的说明，大家有知道的吗？不用它会怎么样呢？是不是在如果在命令行中进行编译那么就不需要这个了呢？这个和命令行编译的方式有什么区别呢？ 还有另外一个问题，就是在安装babel的时候 它的babel-preset-react这个转码规则是干嘛的，.babelrc有什么作用呢？

Answer 1

不支持浏览器就是不能直接在浏览器里面玩，不用自然就是玩不起来。
如果只是在node环境下，当然是不用考虑这个问题。
浏览器的编译是加载后编译执行，命令行是先编译后执行。
babel-preset-* 都是相应功能的插件，比如只是React的转码就需要babel-preset-react，ES6的转码就需要babel-preset-es2015。

.babelrc 是一个babel的配置文件，这里一次配置之后所有能引用到这个文件的地方都不需要加相关的配置了。如果没有这个文件就需要每次运行的时候在命令里面加babel src -d lib --presets=es2015,react --plugins=aaa,bbb 等等

Answer 2

问题真是一大堆，之前有用过 babel 吗？没有的话建议先去了解下，要不然别人解释了还是白搭。

• 在书上开到babellify这个东西，和babel一起使用，搞不懂为什么要用它：babellify 这个是 babel 为 browserify 提供的

• 貌似只要是babel 6.0版本不支持提供浏览器版本，而是要使用构建工具

  • babellify 类似 babel-loader 是用于 webpack 和 browserify 等构建工具中的

  • babel6 也是可以在浏览器中使用的，可以使用 babel-standalone

  后面的问题看了下，还是建议题主去简单了解下下面几个问题

1. babel 是什么，能做什么，能用于那些场景

2. 了解下构建工具的使用，webpack 或 browserify