苏南大叔昨天给大家稍稍讲解了一下，babel这个磨人的小妖精。其实，除了这些转化器之间的前后关系，我们还可以省略掉这个.babelrc文件。毕竟这个隐藏文件，往往会被大家忽略，导致很多不可理解的错误发生。

原理说明

苏南大叔还以上一篇文章的demo为例，说说如何省略掉这个.babelrc文件。答案很简单粗暴：删除掉这个.babelrc文件，然后把相关的配置内容写到webpack.config.js里面。看图说话。

webpack、babel与react的那些事之二 - react_error_3
webpack、babel与react的那些事之二（图3-1）

进阶说明

上图中所示配置，其实就是下面这2张图中的配置集合，大家感受一下。

webpack、babel与react的那些事之二 - react_error_2
webpack、babel与react的那些事之二（图3-2）

webpack、babel与react的那些事之二 - react_error_1
webpack、babel与react的那些事之二（图3-3）

这样写了之后，就省略掉了一些出错的概率了。所以还是个不错的选择的说。大家马上试试吧。

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留链接信息。

 【源码】本文代码片段及相关软件，请点此获取

 【绝密】秘籍文章入口，仅传授于有缘之人   react    webpack

本站的忠实读者小伙伴，正在阅读下面这些文章：

本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可，规模化镜像抄袭本站内容的行为，将会根据有关法律法规进行维权。
《程序如此灵动~》下所有原创文章，如被用于商业用途，请您按规定支付稿费。

苏南大叔需要你的支持

PHP高手欢聚QQ群：218127186     逗逼虎开心聊QQ群：175454274

感谢您的打赏，让我更有动力，将更多精彩教程文章，呈现给大家！谢谢！