Yarn Workspaces，工作区不发出错误或警告

Question

为了使用 yarn workspaces 和 craco 创建一个 monorepo，我遵循了以下帖子。 它工作得很好，除了一件事：公共（组件）库的错误/警告不会发送到控制台。 结构非常简单：

monorepo
|-packages
  |-components
  |-fe

Fe 是使用组件库的主要 webApp。 FE 正确发出所有警告，组件没有。

如何让共享组件发出警告/错误？

更新：

在此 repo 中重现的步骤： https://github.com/sofoklisM/my-monorepo.git

Answer 1

您需要更改的是 Create React App 使用的底层 ESLint Webpack 插件的context选项。 在这种情况下，我将 ESLint 的上下文更改为 monorepo 的根（纱线工作区根）。

这是一个更新的craco.config.js应该可以解决问题：

// craco.config.js
const path = require("path");
const { getLoader, loaderByName } = require("@craco/craco");
const { getPlugin, pluginByName } = require("@craco/craco/lib/webpack-plugins")
const absolutePath = path.join(__dirname, "../components");
module.exports = {
  webpack: {
    alias: {},
    plugins: [],
    configure: (webpackConfig, { env, paths }) => {
      const { isFound, match } = getLoader(
        webpackConfig,
        loaderByName("babel-loader")
      );
      if (isFound) {
        const include = Array.isArray(match.loader.include)
          ? match.loader.include
          : [match.loader.include];
        match.loader.include = include.concat([absolutePath]);
      }

      // Change context of ESLint Webpack Plugin
      const { match: eslintPlugin } = getPlugin(webpackConfig, pluginByName("ESLintWebpackPlugin"));
      eslintPlugin.options['context'] = path.join(__dirname, "../..");

      return webpackConfig;
    }
  }
};

我还在此处更新了您的复制回购协议的分支： https://github.com/ofhouse/stackoverflow-65447779