webpackEslint插件使用
首先安装eslint-webpack-plugin
npm i eslint-webpack-plugin -S
注意：如果未安装eslint>=7,还需要先安装eslint
npm i eslint -S
然后把插件添加到你的webpack配置，例如
const ESLintPlugin=reuqire('eslint-webpack-plugin')
module.exports={
plugins:[new ESLintPlugin({
//检测那些文件
context:path.resolve(__dirname,"src"),//检测src下面文件
})]//通过new对象来使用插件
}
.eslintignore 规则忽略文件
Babel
js编译器
主要用于将es6语法编写的代码转换向后兼容的js语法，以便能够运行在当前和旧版本的浏览器
配置文件写法
- babel.config.* 新建文件，位于项目根目录
- – babel.config.js
- – babel.config.json
- .babelrc.* 新建文件，位于项目根目录
- – .babelrc
- – .babelrc.js
- – .babelrc.json
- 同样也可以写在package.json中的babel 不需要创建文件，在原有文件基础上写
- babel会查找并自动读取他们，所以以上配置文件有一个即可
具体配置
babel.config.js
module.exports={
//预设
presets:[]
}
- @babel/preset-env:一个智能预设，允许使用最新的js
- @babel/preset-react:用来编译react jsx的语法预设
- @babel/preset-typescript:用来编译ts的预设
首先安装
npm install -D babel-loader @babel/core @babel/preset-env
然后再webpack写规则
这里options写了就不用在外面写了，如果注释掉就需要新建文件然后智能预设
剩下查看文档
