关于eslint和babel的一点理解:
eslint: 代码语法校验,主要是语法的使用是否正确,附带也可以格式化代码风格。
babel: 转义代码,将浏览器不支持的新语法,转义成浏览器支持的语法。所以使用babel,我们就可以 毫无顾忌 的使用新语法了。
但有时候吧,eslint 校验新语法时识别不了,就会报错了,这时候babel-eslint就登场了。
babel-eslint: 将eslint无法识别的新语法转义成eslint可以识别的语法,进而通过eslint校验。babel-eslint需搭配eslint一起使用。
题外话:
babel有多种引入方式,最新的推荐方式是 按需转义- 格式化(统一)代码风格,还可以使用以下2种方式。主要是改变代码的显示风格,并不会对代码的
语法规则做校验:.editorconfig: 本地配置文件,一般用于换行、缩进等。.prettierrc:当前主流的方法。所有规则基本都可配置。搭配webstorm file watch可实现 保存时自动格式化/提交代码时自动格式化