我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

苏南大叔昨天给大家稍稍讲解了一下,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)

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

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

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

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