create-react-app package.json 中的默认配置

🌙
手机阅读
本文目录结构
a'xi'he

package.json 中的默认脚本

在新创建的项目中,你可以运行一些内置命令:

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

npm start

在开发模式下运行应用程序。 打开 http://localhost:3000 在浏览器中查看它。

如果你更改代码,页面将自动重新加载。

你将在控制台中看到构建错误和 lint 警告。

https://a.axihe.com/react/create-react-app/screencast-error.svg

npm test

以交互模式运行测试观察程序。

默认情况下,运行与上次提交后更改的文件相关的测试。

npm run build

将生产环境的应用程序构建到 build 目录。

它能将 React 正确地打包为生产模式中并优化构建以获得最佳性能。

构建将被压缩,文件名中将包含哈希。

这样你的应用已准备好部署了。

npm run eject

如果您对构建工具和配置选择不满意,则可以 eject 随时进行。此命令将从您的项目中删除单个生成依赖项。

相反,它将所有配置文件和传递依赖项(webpack,Babel,ESLint 等)作为依赖项复制到您的项目中 package.json。

从技术上讲,依赖项和开发依赖项之间的区别对于产生静态捆绑包的前端应用程序是相当任意的。

此外,它曾经导致某些未安装开发依赖项的托管平台出现问题(因此无法在服务器上构建项目或在部署之前就对其进行测试)。

您可以随意调整自己的依赖关系 package.json。

除了这些命令以外的所有命令 eject 仍然可以使用,但是它们将指向复制的脚本,因此您可以对其进行调整。

您无需使用 eject。精选的功能集适用于中小型部署,您不应该使用此功能。但是,我们了解到,如果在准备就绪时无法自定义该工具,它将不会有用。

Create React App 分为两个包

  • create-react-app 是用于创建新项目的全局命令行实用程序。
  • react-scripts 是所生成项目(包括此项目)中的开发依赖项。

运行npx create-react-app my-app时,它会自动安装最新版本的 Create React App

axihe
axihe

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang
axihe