peakage.json填坑

以前知道通过npm install 可以建立一个peakage.json的文件

来记录所下载的东西，，但是不知道还有很多的用处。。

。。。。

填坑之旅

首先明白几个对象名称的不同意义吧

name :  项目的名称

description : 项目的描述

version ：项目的 版本号

 config  应用的配置项

author 项目的作者

 respository 资源仓库的地址

 licenses 授权的方式

directories 目录

main 应用入口文件

bin 命令行文件

dependencies 项目应用运行时候以来的模块

devDependencies 项目应用开发环境以来的模块

engines 运行的引擎

script 执行命令的脚本

–save参数表示将该模块写入dependencies属性，

–save-dev表示将该模块写入devDependencies属性。

{
  "name": "vue-2.0-simple-routing-example",
  "description": "A Vue.js project",
  "author": "Chris Fritz <chrisvfritz@gmail.com>",
  "private": true,
  "scripts": {
    "dev": "webpack-dev-server --inline --hot",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
    "predeploy": "npm run build",
    "deploy": "surge --project . --domain vue-2-simple-routing-example.surge.sh"
  },
  "dependencies": {
    "vue": "^2.0.0-beta.1"
  },
  "devDependencies": {
    "babel-core": "^6.0.0",
    "babel-loader": "^6.0.0",
    "babel-preset-es2015": "^6.0.0",
    "cross-env": "^1.0.6",
    "css-loader": "^0.23.1",
    "file-loader": "^0.8.4",
    "surge": "^0.18.0",
    "vue-loader": "^9.0.0",
    "webpack": "^1.12.2",
    "webpack-dev-server": "^1.12.0"
  }
}

这里呢找几个常用的说说简单的自行谷歌

repository 仓库的地址

"repository": {
    "type": "git",
    "url": "git+https://github.com/rainnaZR/es6-react.git"
  },

scripts  通过设置这个可以使用npm 调用一些脚本命令

  "scripts": {
    "dev": "webpack-dev-server --inline --hot",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
    "predeploy": "npm run build",
    "deploy": "surge --project . --domain vue-2-simple-routing-example.surge.sh"
  },

config
 添加一些设置，可以供scripts读取使用，同事这里的值也会被添加到系统的环境变量中

"config": {
  "port": "8080"
}

npm start的时候会读取到npm_package_config_port环境变量。

dependencies

指定依赖的其它包，这些依赖是指包发布后正常执行时所需要的，也就是线上需要的包

使用 npm install   --save 报名

devDependencies

这些依赖只有在开发时候才需要。使用下面的命令来安装：

使用npm install --save-dev