eslint-plugin-var-import v0.1.2

eslint-plugin-var-import

说明

• 常规项目中，需要先导入变量再使用。
• 手动写导入的路径可能有麻烦。
• 配置此规则后，对应的变量可直接使用，当检测到变量未定义时，会在上方自动导入。

使用方式

1. eslint配置

{
    "plugins": [
        "var-import"
    ],
    "rules": {
        'var-import/var-import': ['error', {
            path: {
                React: 'react', // 绝对路径
                '{ cc }': './src/aa/bb/cc', // 相对路径
                'aa': './src/aa/index',
            },
            rootPath: __dirname, // 项目根路径
        }]
    }
}

2. 项目使用举例 在 src/aa/ab.js 文件中，直接使用变量

class ab extends React{
    do() {
        var ab = 1;
        return aa + ab + cc;
    }
}

eslint校正后

import React from 'react';    // 绝对路径
import { cc } from './bb/cc'; // 相对路径
import aa from './index';     // 相对路径
class a extends React{
    do() {
        var ab = 1;
        return aa + ab + cc;
    }
}