Vue项目的package.json文件解释

谁借莪１个温暖的怀抱￠ 2022-05-16 06:15 246阅读 0赞

### package.json文件： ###

1、可以手工编写或者npm init命令自动生成(在当前目录生成一个基本的pakage.json文件，其中项目名称name和项目版本version必填，其他选填)  
package.json在每个项目的根目录的下面，定义项目所需要的各种模块，以及项目的配置信息（如版本、名称、许可证等）  
然后npm install根据这个配置文件，自动下载所需的模块，即配置项目所需的运行和开发环境

2、package.json文件就是一个JSON对象，该对象的每一个成员就是当前项目的一项配置

3、package.json文件里的scripts字段：指定运行脚本命令的npm命令行缩写(如start指定的命令为npm run start)

scripts: {  
      start: './node_modules/someTool/someTool.js build'
    }
    
    // 简写为
    scripts: {  
      start: 'someTool build'
    }

### 注意：   如果一个模块不在package.json文件之中，也可以单独安装这个模块，并使用相应的参数，将其写入package.json文件之中(npm install express --save或者--save-dev)   \--save参数：表示将该模块写入dependencies属性   \--save-dev：表示将该模块写入devDependencies属性 ###

4、dependencies字段：指定项目运行所依赖的模块

devDependencies字段：指定项目开发所需要的模块  
 dependencies和devDependencies都指向一个对象，该对象的各个成员，分别由模块名和对应的版本要求组成，表示依赖的模块及其版本范围

peerDependencies：供插件指定其需要的主工具的版本，解决每个模块所需插件版本不一样的问题  
bin:指定各个内部命令对应的可执行文件的位置

5、main字段：指定项目加载的入口文件，require('moduleName')就会加载这个文件。这个字段的默认值是模块根目录下面的index.js  
config字段：添加命令行里的环境变量

{
      "name" : "foo",
      "config" : { "port" : "8080" },
      "scripts" : { "start" : "node server.js" }
    }

6、browser字段：指定该模板供浏览器使用的版本。  
engines字段：指定该模块运行的平台  
man字段：指定当前模块的man文档的位置