前端项目中package.json的作用

每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。npm install 命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。

package.json文件可以手工编写,也可以使用npm init命令自动生成。

package.json 中添加中文注释会编译出错

数据含义:

  • name:项目名称(必须)
  • version:项目版本(必须)
  • description:项目描述
  • author:作者
  • private:是否私有
  • config:用于向环境变量输出值。
  • scripts:指定了运行脚本命令的npm命令行缩写,比如start指定了运行npm run start时,所要执行的命令。
  • dependencies:项目运行所依赖的模块,运行模式-S
  • devDependencies:项目开发所需要的模块,开发模式-D
  • engines:指明了该项目所需要的node.js版本
  • browserslist:说明这个项目的浏览器兼容情况。也能根据提供的目标浏览器的环境来,智能添加css前缀,js的polyfill垫片,来兼容旧版本浏览器,而不是一股脑的添加。避免不必要的兼容代码,以提高代码的编译质量。

作者:沉静的罗门
链接:https://www.jianshu.com/p/cee645aa16a3
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

Package.json是个啥

package.json到底是啥,它就是一个json文件呗,放在项目的主目录下面。
  
那么这个json文件到底用来干嘛,它是用来描述这个项目相关的一切信息,方便诸如在npm上发布项目包,使用npm安装项目包依赖。

简而言之,就是按照规范写给npm的项目的说明书。让npm根据这份说明书去进行具体的逻辑操作。

你可以使用npm init命令来创建一个初始化的package.json项目包。

强烈建议看这篇: https://blog.csdn.net/tangding12/article/details/103367283

官方文档:

最后没解决疑惑就去npm官方文档找答案。

官方文档地址: http://caibaojian.com/npm/files/package.json.html

猜你喜欢

转载自blog.csdn.net/weixin_42072754/article/details/109957165
今日推荐