简体中文

source.moduleScopes

仅支持 Webpack

限制源代码的引用路径。配置该选项后，所有源文件只能从约定的目录下引用代码，从其他目录引用代码会产生对应的报错提示。

首先我们配置 moduleScopes 仅包含 src 目录：

export default {
  source: {
    moduleScopes: ['./src'],
  },
};

然后在 src/App.tsx 中导入 src 目录外部的 utils/a 模块:

import a from '../utils/a';

在编译时，会提示引用路径错误:

scopes-error

通过该选项配置 utils 目录，再进行编译，则不会出现错误提示。

export default {
  source: {
    moduleScopes: ['./src', './utils'],
  },
};

当 moduleScopes 的值为 Array 类型时，可以直接设置若干个代码路径，比如添加以下配置：

export default {
  source: {
    moduleScopes: ['./src', './shared', './utils'],
  },
};

moduleScopes 也支持通过函数的形式来进行修改，避免覆盖默认值：

export default {
  source: {
    moduleScopes: scopes => {
      scopes.push('./shared');
    },
  },
};

#source.moduleScopes