zoukankan      html  css  js  c++  java
  • grunt-contrib-jshint js代码检查

    grunt-contrib-jshint:用于javascript代码检查(并会给出建议),发布js代码前执行jshint任务,
    可以避免出现一些低级语法问题
    jshint拥有非常丰富的配置,可以自由控制检验的级别。

    安装插件:npm install grunt-contrib-jshint --save-dev

    grunt.initConfig({
      pkg: grunt.file.readJSON('package.json'),
      jshint: {
        options: {
          //大括号包裹
          curly: true,
          //对于简单类型,用于===和!==,而不是==和!=
          eqeqeq: true,
          //对于首字母大写的函数(声明的类),强制使用new
          newcap: true,
          //禁用arguments.caller和arguments.callee
          noarg: true,
          // 对于属性使用aaa.bbb,而不是aaa['bbb']
          sub: true,
          //查找所有未定义变量
          undef: true,
          //查找类似与if(a = 0)这样的代码
          boss: true,
          //指定运行环境为node.js
          node: true
        },
        //具体任务配置
        files: {
          src: ['src/*.js']
        }
      }
    });

    jshint可以结合grunt-contrib-concat使用,在合并文件前(后)对js进行检查。

    grunt.initConfig({
      concat:{
        dist: {
          src: ['src/foo.js','src/bar.js'],
          dest: 'dist/output.js'
        } 
      },
      jshint:{
        beforeconcat: ['src/foo.js','src/bar.js'],
        afterconcat: ['dist/output.js']
      }
    });

    类似的还有grunt-contrib-csslint插件,用于css代码检查,用法基本一样,只是配置上存在差异

  • 相关阅读:
    lintcode-135-数字组合
    如何下载网页上的视频?
    tree
    lintcode-512-解码方法
    前端 启动项目内存溢出
    导入txt和导出txt文件
    webStorm 2018.3.2永久破解方法
    前端导出功能
    定时器刷新机制 setInterval react
    getFieldsValue,getFieldValue,validateFields,resetFields,getFieldDecorator的用法;
  • 原文地址:https://www.cnblogs.com/cyj7/p/4844400.html
Copyright © 2011-2022 走看看