本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规。大家都是程序员,不要闹得不开心。

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

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

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