webpack依赖

258 阅读1分钟

@types/react-router 和 react-router是有什么不同代表了啥

    "@types/react": "^17.0.14",
    "@types/react-dom": "^17.0.9",
    "@types/react-router": "^5.1.16",
    "@types/react-router-dom": "^5.1.8",
    
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-router": "^5.2.0",
    "react-router-dom": "^5.2.0",
    

如果项目是基于typescript写的,那么除了安装实际项目的依赖模块(react、react-dom、react-router、react-router-dom)外,也需要安装@types/开头的内容,因为这个类型信息在开发阶段起到校验和辅助作用,所以放在devDependencies里面因为将typescript转换为javascript的生成过程之后不需要它。

// package.json
{
  "dependencies": {
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-router": "^5.2.0",
    "react-router-dom": "^5.2.0",
  },
  "devDependencies": {
    "mockjs": "^1.1.0",
    "@types/react": "^17.0.14",
    "@types/react-dom": "^17.0.9",
    "@types/react-router": "^5.1.16",
    "@types/react-router-dom": "^5.1.8",
  }
}

package.json

"private": true, // 不需要发布的