webpack 的 eslint 和 babel 设置与 .eslintrc 和 .babelrc 的关系

Question

eslint和babel加载程序的webpack's设置与其对应的文件.eslintrc和.babelrc之间有什么关系？

例如，在webpack中，我有：

rules: [
{
test: /.(js|jsx)$/,
include: paths.SRC,
exclude: /node_modules/,
loader: 'babel-loader',
}

没有传递任何选项，这是否意味着我应该在.babelrc文件中定义选项？如果我不创建.babelrc文件，我应该在webpack中直接将presets和plugins传递给babel-loader，如下所示(与esint相同(：

use: {
loader: 'babel-loader',
options: {
presets: ['es2015', 'env', 'react'],
plugins: ['transform-es2015-destructuring', 
'transform-object-rest-spread', 
'transform-class-properties'
],
}
}

Answer 1

没有传递任何选项，这是否意味着我应该在.babelrc文件？

是的，否则babel将不知道该应用什么。

如果我不创建.babelrc文件，我应该传递预设和将插件直接插入webpack中的babel加载程序，如下所示(与esint(：

通过与创建.babelrc文件相同的选项传递预设和插件。

同样的逻辑也适用于esint。