javascript - 如何禁用 storybook 的 webpack 的 eslint-loader？

Question

我想禁用 storybook 的 webpack 的 eslint-loader，因为我使用其他过程来验证代码的质量。

我知道 webpack 的配置类似于下面的代码，也许我可以在 config.rules 上使用一些过滤器，但也许不是很好:

const path = require('path')

module.exports = async ({ config }) => {
  // some modifications

  return config
}

我尝试在故事书的文档中搜索这方面的内容，但没有找到任何相关内容。

Answer 1

plugin instanceof EslintWebpackPlugin 的解决方案对我没有帮助，但这种方法有帮助:

//.storybook/main.js

module.exports = {
  webpackFinal: config => {
    return {
      ...config,
      plugins: config.plugins.filter(plugin => {
        if (plugin.constructor.name === 'ESLintWebpackPlugin') {
          return false
        }
        return true
      }),
    }
  },
}

附言新版本将有一个 CLI 参数来禁用 eslint:https://github.com/storybookjs/storybook/pull/13452 , 6.2.0-alpha.7 已经支持了