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