webpack4.0(04.js语法以及代码校验)

Es6转 Es5（用babel）

npm i babel-loader @babel/core @babel/preset-env -D
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200417203232305.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQ5ODEwMg==,size_16,color_FFFFFF,t_70)

转es7的语法

在这里插入图片描述
配置如上
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200417203339962.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQ5ODEwMg==,size_16,color_FFFFFF,t_70)

转换一些高级语法

npm i @babel/polyfill -D

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200417203940276.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQ5ODEwMg==,size_16,color_FFFFFF,t_70)

Eslint语法校验

npm i eslint-loader -D

上官网配置需要校验的配置项，下载下来
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200417205151269.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQ5ODEwMg,size_16,color_FFFFFF,t_70)
加载loader：
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200417205220618.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQ5ODEwMg,size_16,color_FFFFFF,t_70)

posted @ 2020-04-17 20:55  jacksonni  阅读(311)  评论(0)    收藏  举报