时间戳

首页 > 解决方案 > 如何禁用故事书的 webpack 的 eslint-loader？

javascript - 如何禁用故事书的 webpack 的 eslint-loader？

问题描述

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

我知道存在 webpack 的关于故事书的配置，如下面的代码，也许我可以使用一些过滤器config.rules，但可能不好：

const path = require('path')

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

  return config
}

我试图搜索故事书的文档，但没有找到任何相关信息。

标签： javascriptwebpackeslintstorybook

解决方案

解决方案对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
      }),
    }
  },
}

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

推荐阅读