本文转载自微信公众号《精益码农》，作者有态度。转载本文请联系精益码农公众号。最近在公司的某个项目中参与了一些前端的工作。作为后端的大佬，改一些前端的细节磕磕绊绊，改一些前端大佬，工程化，HTTP交互还是可以有所作为的。所以打算以一个后端程序员的视角，记录一些{大前端}的知识闪现，也算是帮助读者搭建一个完整的全栈技能体系。快闪1：你对paakage.json文件了解多少？如果你使用nodejs、npm项目、Angular项目等，你将使用package.json文件。package.json文件是项目的清单文件。部署阶段起着重要作用。Package.json=项目元信息+依赖组件版本+脚本请参见以下package.json示例文件：{"name":"first-react-app","version":"0.1.0","private"：真，“依赖”：{“@testing-library/jest-dom”：“^5.14.1”，“@testing-library/react”：“^11.2.7”，“@testing-library/user-event":"^12.8.3","re??act":"^17.0.2","re??act-dom":"^17.0.2","re??act-scripts":"4.0.3","web-vitals":"^1.1.2"},"scripts":{"start":"react-scriptsstart","build":"react-scriptsbuild","test":"react-scriptstest","eject":"反应-scriptseject"},"eslintConfig":{"extends":["react-app","re??act-app/jest"]},"browserslist":{"production":[">0.2%","notdead"“notop_miniall”],"development":["last1chromeversion","last1firefoxversion","last1safariversion"]}}深入分析一下名称：react项目的名称需要满足以下约定：①名称应小写②名称应小于214个字符③可以使用-或_Version：当前项目的版本，需要满足以下约定x.x.x-major.minor.patchesPrivate：这是一个重要的属性，主要用于防止意外释放私有代码基地。如果为真，则不会发布到公共npm生态系统。Dependencies：包含一系列node模块+生产环境依赖版本。在上面的示例中，我们需要以下版本的依赖项："react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"4.0.3",react版本：^17.0.2，表示npm将安装匹配“17.x.x”的最新版本。脚本：包含常见[react命令脚本]的别名。"scripts":{"start":"react-scriptsstart","build":"react-scriptsbuild","test":"react-scriptstest","eject":"react-scriptsseject"}npmstart会执行react-scriptsstartBrowserlist：该属性用于在不同的前端工具之间共享目标浏览器和node.js版本。eslintconfig：此属性包括CreateReactApp使用的可共享ESLint配置。devDependeties：这个属性在上面的示例代码中没有，但是非常重要，值得一提：这个属性列出了开发和测试需要的包。以上是package.json文件中最重要的属性。再说说版本语法：x.x.x:major.minor.patches版本语法中有一些特殊符号：1.~:Updatepatchreleaseonly。例如。如果您设置^17.0.2，则17.0.3可以，但18.0.2将不起作用。2。^：可以更新补丁+次要。不是主要版本3。*：可以更新所有三个主要+次要+补丁版本4。>:比指定版本高的版本.5。>=：等于和高于指定版本6。<：小于指定版本7。<=:小于或等于指定版本ThisisFlash1:Allyouneedtoknowaboutpackage.jsonisnow不是我对package.json文件的作用有了更深的了解。
