前端自动化构建入门5-理解package.json文件
来源:互联网 发布:淘宝仓库怎么上架商品 编辑:程序博客网 时间:2024/06/06 02:23
概述
每个项目的根目录下面,都需要有一个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配置文件,你应该会有一个更清晰的认识。
阅读全文
0 0
- 前端自动化构建入门5-理解package.json文件
- 前端自动化之package.json
- 前端自动化构建入门1-什么是前端自动化?
- 前端自动化构建
- Gulp前端自动化构建工具介绍及入门
- 前端基于流的自动化构建工具gulp入门
- 前端自动化构建工具Grunt
- 前端自动化构建工具gulp
- 【Grunt】前端自动化构建工具
- 使用Gulp构建前端自动化
- Gulp构建前端自动化工作流
- gulp --- 前端自动化构建工具
- 前端自动化构建工具Grunt
- grunt 前端自动化构建工具
- 前端自动化构建工具--gulp
- 构建前端自动化工作流环境
- 创建package.json文件
- 创建package.json文件
- tomcat启动时内存溢出问题--java.lang.OutOfMemoryError: PermGen space
- 第十九周:( Sicily2014) Dairy Queen(c++)
- IOS学习笔记2—Objective C—类、属性、方法
- 浏览器跨域问题Access-Control-Allow-Origin
- 示波器参数理解
- 前端自动化构建入门5-理解package.json文件
- “菜鱼”课设中的的字符处理(cpp)
- Swift学习笔记一
- Android终端命令: am与pm
- Android中View绘制流程以及invalidate()等相关方法分析
- myeclipse快速复制一行内容
- BeanUtils.copyProperties的用法
- js获取前一天和后一天格式化
- 【java笔试系列五】List、Set和Map