去掉webpack脚手架构建的vue项目中的eslint检查

2023-05-16

    eslint是一个语法格式检测的工具,对于规范开发有好处,培养严格的书写习惯,但是对于新手来说,非常的痛苦,有时候没有语法错误,仅仅是格式中tab,space区分不严格或者少了一个space,多了两个space,就会报错,甚至编译不过,出现警告,很烦人。

   相信大家可能都遇到过如下所示的警告:

    Unexpected tab character
    Mixed spaces and tabs
    Trailing spaces not allowed

    在<script></script>中的警告,我们可以通过 注解/*eslint-disable*/来解决,但是<template></template>部分的警告就很痛苦,解决办法是有的,就是将eslint不加载。

    我们在webpack.base.config.js文件中会注意到这么一段代码:

const createLintingRule = () => ({
  test: /\.(js|vue)$/,
  loader: 'eslint-loader',
  enforce: 'pre',
  include: [resolve('src'), resolve('test')],
  options: {
    formatter: require('eslint-friendly-formatter'),
    emitWarning: !config.dev.showEslintErrorsInOverlay
  }
})

    还有这么一段:

    module.exports={ module: {rules: [...(config.dev.useEslint ? [createLintingRule()]:[])]}} 

    根据这句话的意思,我们知道如果有eslint检验,那么createLintingRule()这个方法肯定会执行的,有的是注释这个方法体,有的是注释rules下面的这句代码...(config.dev.useEslint ? [createLintingRule()]:[])

   个人觉着根本在于将config.dev.useEslint这个变量设置为false,根据直观的判断,我们需要找到项目config目录下的index.js文件,然后找到module.exports={dev: {useEslint: true}} 这里,然后将true改为false即可。

    

    按照这里注解的意思,根本的解决办法也应该是修改这里的变量useEslint,而不是注释其他地方的代码,虽然都可以达到去掉eslint检查的效果。 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

去掉webpack脚手架构建的vue项目中的eslint检查 的相关文章

随机推荐