前端自动化构建入门5-理解package.json文件

概述

每个项目的根目录下面，都需要有一个package.json文件，定义了这个项目所需要的各种依赖模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。
下面对最常用的几个属性进行描述。如需了解更多，可以查看阮一峰老师的个人博客。

scripts字段

该属性字段指定了npm命令对应的完整的命令执行代码。一般来说，会配合第三方的打包工具进行使用，比如上篇文章create-react-app中的react-script。

当我们配置好后，就可以在控制台中调用对应的命令对我们的项目文件进行打包等操作。
比如：

$ npm start //启动程序，启动后我们就可以在浏览器中预览了
$ npm run build //编译程序，该命令根据配置对我们的文件进行编译等操作，编译后会生成最终可直接使用的文件，常用于生产环境。

dependencies字段

dependencies字段指定了项目运行所依赖的模块。
比如，create-react-app中的react，react-dom依赖，react应用所必需的依赖。

devDependencies字段

devDependencies指定项目开发所需要的模块。
比如，create-react-app中的react-scripts依赖，react-scripts仅在开发时使用。

初步了解了package.json及一些常用的属性字段，我们再来看看上一篇create-react-app中所生成的package.json配置文件，你应该会有一个更清晰的认识。