1.2 package.json配置文件解读

一、package.json文件解读（原文件）

{

"name": "myapp",

"version": "0.1.0",

"private": true,

"dependencies": {

"react": "^16.4.2",

"react-dom": "^16.4.2",

"react-scripts": "1.1.5"

},

"scripts": {

"start": "react-scripts start",

"build": "react-scripts build",

"test": "react-scripts test --env=jsdom",

"eject": "react-scripts eject"

}

}

 

二、文件可用脚本命令说明

首先说明：通过npm run 执行下面命令实际上是运行 node_modules/react-srcipt/scripts下对应的脚本文件；
npm run start : 开始项目，通过http://localhost:3000 可访问项目；
npm run build : 项目打包，在生产环境中编译代码，并放在build目录中；所有代码将被正确打包，并进行优化、压缩同时使用hash重命名文件；执行该命令前需要在package.json中新增条配置"homepage": "."（上面配置文件已给出）, 同时build后的项目需要在服务器下才能访问；否则打开的将是空白页面；
npm run test : 交互监视模式下启动测试运行程序；
npm run eject : 将隐藏的配置导出；需要知道的是create-react-app脚手架本质上是使用react-scripts进行配置项目，所有配置文件信息都被隐藏起来(node_modules/react-scripts)；当需要手动修改扩展webpack配置时有时就需要将隐藏的配置暴露出来；特别需要注意的是该操作是一个单向操作，一旦使用eject，那么就不能恢复了(再次将配置隐藏)；