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

时间:2018-07-24 12:22:11

标签: webpack settings eslint babel-loader

webpack'seslint加载程序的babel设置及其对应的文件.eslintrc.babelrc之间是什么关系?

例如,在webpack中,我有:

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

没有传递任何选项,这是否意味着我应该在.babelrc文件中定义选项?而且,如果我不创建.babelrc文件,则应在presets中将pluginsbabel-loader直接传递给webpack,如下所示(与eslint相同):< / p>

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

1 个答案:

答案 0 :(得分:0)

  

没有传递任何选项,是否表示我应该在   .babelrc文件?

是的,否则巴别塔不知道该怎么办。

  

如果我不创建.babelrc文件,则应传递预设,   如下直接在webpack中将babel-loader插件   eslint):

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

相同的逻辑也适用于陪同。