从webpack导出.eslintrc

Question

是否可以共享我的.eslintrc配置以在其他项目中使用？

下面是我的webpack.config.js

  mode: 'production',
  module: {
    rules: [
      {
        test: /\.js$/,
        use: {
          loader: 'babel-loader',
          options: {
            babelrc: false,
            cacheDirectory: true,
            plugins: ['transform-react-remove-prop-types'],
            presets: [
              '@babel/preset-react',
              [
                '@babel/preset-env',
                {
                  targets: {
                    esmodules: false
                  }
                }
              ]
            ]
          }
        }
      }
    ]
  },

我正在与其他项目共享一些组件，我很可能这个项目将使用我的.eslintrc配置文件。

Answer 1

我在这里看到了两个不同的问题：

1. 如何将.eslintrc嵌入捆绑包中？

a.如何加载.eslintrc？因为它只是简单的JSON，webpack，does not need，任何额外的加载器在这一步。

b.如何将其作为数据注入到捆绑包中？import '../../../.eslintrc';应该帮助

• 如何在捆绑包内部使用ESLint？我根本不确定这是否可能。extends needs可共享配置已发布为NPM包。Specifying configuration文件的路径需要该文件是有效的和完整的配置，而不是捆绑。配置读取不允许连接任何插件。

对于我来说，将可共享的配置发布为npm包并在ProjectA和ProjectB中使用它看起来更有前途。