@material-ui/core和@types/material-ui有什么关系？

Question

我在这里看到一个使用Material-UI的示例项目。

我发现package.json文件中有以下包：

{
  ...
  "dependencies": {
    "@material-ui/core": "^1.4.1",
    ...
  },
  "devDependencies": {
    "@types/material-ui": "^0.20.6",
    ...
  },
  ...
}

在执行了 npm install 后，我在项目文件夹中看到以下目录。

node_modules/@types/material-ui/
node_modules/@material-ui/core/

以下是我的问题:

1. 我想了解为什么material-ui在其包名称中使用@，这种包命名是否意味着它是一个TS包？即它本身携带类型信息。

2. 如果上述是正确的，那么/@types/material-ui/是否就不再需要了？

- chen

Answer 1

@出现在包名中并不意味着它是TypeScript包；普通的JavaScript包也可以有前缀@。

前缀@表示这是一个作用域包；即存在一组以@material-ui/和@types/为前缀的包系列。

在此特定情况下，@material-ui/core包含自己的类型定义(*.d.ts文件)，因此不需要使用@types/material-ui，实际上也不会使用。通常情况下，对于不包含任何类型定义的普通JavaScript包，需要使用@types/包。

- Mikhail Burshteyn

---

根据 https://material-ui.com/guides/typescript/，看起来我们不需要 @types/material-ui，我有遗漏什么吗？ - chen

@chen 你不需要它... 但我必须将 tsconfig 的 es5 改为 es6。 - Nick G.

他说我们不需要像 npm i -D @types/material-ui 这样安装，因为 material-ui 已经在其包中具有类型定义。 - German

Answer 2

@types 模块被 TypeScript 用来为方法和成员提供丰富的类型定义。如果你正在使用 TypeScript，请保留它们，否则就没有必要了。

在这里阅读更多信息：https://basarat.gitbooks.io/typescript/docs/types/@types.html

- mehulmpt

Answer 3

以 @ 开头的包是一种“作用域”的约定。这很棒：https://docs.npmjs.com/misc/scope

@types 作用域是由庞大的 DefinitelyTyped 项目提供的 TypeScript 类型定义。

- Andy Ray