请看下面的package.json示例文件:
{
"name": "first-react-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
"web-vitals": "^1.1.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
庖丁解牛,深入分析。
Name: react项目的名称
需要满足以下约定: ① name 应使用小写 ② name应该少于214字符 ③ 可以使用- 或者_
Version: 当前项目的版本,需要满足以下约定 x.x.x - major.minor.patches
Private: 这是一个重要的属性,主要用于防止私有代码库的意外发布。如果为true,则不会发布到公开的npm生态系统。
Dependencies:包含一系列的node module + 生产环境依赖的版本,上面的例子中,我们需要以下版本的依赖:
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
react版本:^17.0.2,意味着npm将安装与“17.x.x”匹配的最新版本。
Scripts: 包含常见的[react命令脚本]的别名。
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
}
npm start
将会执行 react-scripts start
Browserlist: 这个属性用于在不同的前端工具之间共享目标浏览器和node.js版本。
eslintconfig:该属性包括Create React App使用的可共享ESLint配置。
devDependeties: 这个属性不在上面的示例代码中,但它非常重要,因此想要啰嗦它:这个属性列出了开发和测试所需的包。
以上是package.json文件中最重要的几个属性,下面啰嗦一下版本语法:x.x.x。
版本语法中有些特殊符号:
这就是快闪一:package.json知多少 的全部,现在是不是对于package.json文件的作用有了更深刻的认识了。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。