所以我在我的react应用程序中遇到了eslint的问题,在退出应用程序并在ESLintPlugin
文件的webpack.config
中添加了一些选项之后,我能够解决它。
new ESLintPlugin({
// Plugin options
extensions: ['js', 'mjs', 'jsx', 'ts', 'tsx'],
formatter: require.resolve('react-dev-utils/eslintFormatter'),
eslintPath: require.resolve('eslint'),
context: paths.appSrc,
failOnError: false, <== this one
emitWarning: true, <== and this one
// ESLint class options
cwd: paths.appPath,
resolvePluginsRelativeTo: __dirname,
baseConfig: {
extends: [require.resolve('eslint-config-react-app/base')],
rules: {
...(!hasJsxRuntime && {
'react/react-in-jsx-scope': 'error'
})
}
}
})
我想知道是否可以做同样的事情而不必退出应用程序,而是使用react-app-rewired
,我已经有一个config-overrides.js
文件
module.exports = function override(webpackConfig) {
webpackConfig.module.rules.push({
test: /\.mjs$/,
include: /node_modules/,
type: 'javascript/auto',
});
return webpackConfig;
};
是否有类似的方法来访问webpack.config
文件中的ESLintPlugin函数并通过config-overrides.js
文件向其添加新选项?