1

我正在使用带有craco的 create-react-app (Create-React-App-Configuration-Override)

克拉科不是很异国情调。它只是允许我将我自己的 eslintrc 文件与 create-react-app 一起使用。

我正在尝试使用自定义 eslint 格式化程序，特别是eslint-formatter-friendly 可以满足我的需要（通过 iTerm/Guake 终端链接到行号的文件），但是有很多替代格式化程序：http: //npmsearch.com/ ?q=eslint 格式化程序

我尝试在我的 .eslintrc.js 文件中设置一个format: 'unix'或formatter: 'unix'- 但这不起作用，eslint 明确给出了一个错误，说“无法识别的顶级属性”。

4

1 回答 1

0

我寻找可以在 .eslintrc.js 文件中指定格式化程序的任何方式，但我发现这不是一个选项。在搜索并扫描 gulp-eslint、eslint-grunt 和 grunt-eslint 的源代码后，我最终更仔细地查看了 for craco 的源代码——其中读取了一些 eslint 配置：https ://github.com/sharegate/ craco/blob/master/recipes/use-an-eslintrc-config-file/craco.config.js

处理这个的来源：https ://github.com/sharegate/craco/blob/master/packages/craco/lib/features/webpack/eslint.js

我需要做的就是使用这个 craco.config.js：

/* globals module */
const { ESLINT_MODES } = require("@craco/craco");
const reactHotReloadPlugin = require('craco-plugin-react-hot-reload');

module.exports = {
    plugins: [{
        plugin: reactHotReloadPlugin
    }],
    eslint: {
        mode: ESLINT_MODES.file,
        loaderOptions: {
            formatter: require("eslint-formatter-friendly")
        }
    },
};
于 2019-08-18T18:21:12.787 回答