eslint-webpack-plugin

这篇具有很好参考价值的文章主要介绍了eslint-webpack-plugin。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

说明:现在eslint已经弃用了eslint-loader,如果要安装来使用的话,会报错,烦死人

大概的报错信息如下:

ERROR in ./src/index.js
Module build failed (from ./node_modules/eslint-loader/dist/cjs.js):
TypeError: Cannot read property ‘getFormatter’ of undefined

那么我们现在一般使用eslint提供的eslint-webpack-plugin插件对语法进行校验

安装:

npm i eslint-webpack-plugin -D

使用:文章来源地址https://www.toymoban.com/news/detail-618758.html

const path = require("path");
const ESLintPlugin = require("eslint-webpack-plugin");
module.exports = {
  entry: "./src/index.js",
  output: {
    filename: "js/bundle.js",
    path: path.resolve(__dirname, "./build"),
  },
  mode: "development",
  devtool: "source-map",
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules$/,
        use: ["babel-loader"],
      },
    ],
  },
  plugins: [new ESLintPlugin()],
};

到了这里,关于eslint-webpack-plugin的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Eslint:vue3项目添加eslint(standard规则)

    创建指令为:npm creat vite@latest 根据指令依次运行: 这样子我们就创建了一个纯净的vite+vue3+ts的项目模板,运行起来为: (1)安装eslint: npm install -D eslint (2)初始化eslint: npx eslint --init 在package.json中增加一句脚本用于检测和修复代码: 此时运行npm run lint,会看到这么一串

    2024年04月15日
    浏览(38)
  • Vue3最佳实践 第八章 ESLint 与 测试 ( ESLint )

      ​在所有的JavaScript 项目开发中我们都会接触到 ESLint 这个词,ESLint 是个什么样的组件会给为项目做些什么吗?ESLint 是一种检查语法错误以及代码是否按照预定规则编写的工具。ESLint 可以帮助开发者发现代码中潜在的错误。在Vue项目中Eslint一般都会配合其他语法检测工具

    2024年02月04日
    浏览(46)
  • 【eslint】eslint 配置 - 以硅谷甄选和大事件项目为例

    eslint中文官网: http://eslint.cn/ 插件化的 javascript代码检测工具 首先安装eslint(同时也安装了prettier) 生成配置文件:.eslint.cjs .eslint.cjs配置文件 1.1vue3环境代码校验插件 安装指令 1.2修改.eslintrc.cjs配置文件 1.3.eslintignore忽略文件 1.4运行脚本 package.json新增两个运行脚本 环境同步:

    2024年02月19日
    浏览(34)
  • jsx文件eslint报错 Parsing error: Unexpected token < eslint

    最近在使用react native开发app的发现一个问题: 报错详情: 可以看到,这是jsx的正确写法,并没有语法错误,但是eslint还是报错,大致意思就是意外的符号 ,可以大概推断是eslint没有正确解析jsx语法造成的,虽然程序可以正常运行,但是对于强迫症来说,确实受不了。 原因:

    2024年02月13日
    浏览(42)
  • 使用 @antfu/eslint-config 配置 eslint (包含兼容uniapp方法)

    安装 pnpm i -D eslint @antfu/eslint-config 创建 eslint.config.js 文件 创建 .vscode/settings.json 文件 配置保存自动修复 (如果不需要可以跳过) 修改规则(适用于uniapp) 解释: vue/component-name-in-template-casing 为了解决在uniapp 里面驼峰命名组件无效的问题 ban-ts-comment 在使用ts校验忽略的时候需要加上

    2024年02月04日
    浏览(31)
  • 【vue3+ts项目】配置eslint校验代码工具,eslint+prettier+stylelint

    package.json中 vite后面加上 --open 回答问题如下: 使用eslint仅检查语法,还是检查语法及错误,选第二个 使用的是什么模块,选第一个 项目使用的是什么框架,选vue 项目中使用TyoeScript ,选yes 项目运行在哪,选浏览器 创建的配置类型需要什么类型的,选Javascript 需要安装这些

    2024年02月09日
    浏览(83)
  • npm ERR! code ERESOLVE Found: eslint@5.0.0 npm ERR! node_modules/eslint npm ERR! dev eslint@“5.0.0

    package-lock.json 这个文件被删了真可怕 npm install 有时会碰到连依赖都下不下来。 package-lock.json。 大多数人最终都会删package-lock.json和运行“npm install”。 有时会遇到依赖项的问题,找不到,或者安装了错误的版本。 看了两篇文章 果断转用yarn (主要是不想有那么烦人的事情)

    2024年02月13日
    浏览(64)
  • 【前端】代码警告处理Parsing error: Unexpected token <eslint或Parsing error: Unexpected token =eslint

    是由于开发环境与esLint当前的解析功能不兼容。 1.下载依赖 2.在.eslintrc.js文件加上parse: \\\'babel-eslint\\\' 3.我用的babel-eslint版本  

    2024年04月09日
    浏览(44)
  • Eslint 快速入门教程

    eslint 是一个代码检查工具包,用来检查代码的规范。 而相比之下,prettier 是一个代码格式化工具。 解决代码风格不一致的问题 可以实现自动修复一些结构、风格问题 默认是只修复 js 语法的,其他的语言和框架需要配置 高灵活度、配置自由 对于团队来说,统一项目的代码

    2024年01月16日
    浏览(69)
  • eslint prettier 配置

    1.创建: pnpm create vite 2. 自启浏览器;技巧01 : package.json - \\\"dev\\\": \\\"vite\\\" -- \\\"dev\\\": \\\"vite\\\" -- \\\"dev\\\": \\\"vite --open \\\" 一个项目要有统一的规范,需要使用 eslint + stylelint + prettier 来对我们的代码质量做检测和修复 eslint用于代码语法检测 stylelint用于对css代码进行语法检测 prettier用于代码格式规范

    2024年03月22日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包