前端脚手架-package.json详解

工作中发现很多前端同事都不怎么注意package.json的配置，今天就记录一下配置，弄懂配置以后还是会对自己有帮助的

//生成package.json文件夹
npm init --yes

{
  "name": "webapp_project", //包名字
  "version": "1.0.0", //包版本
  "description": "A Vue.js project", //描述信息
  "author": "xumei <857647598@qq.com>", //作者信息
  "private": true, //防止意外发布私有存储库
  "scripts": { //指定运行脚本的命令
    "dev": "cross-env NODE_ENV=uat webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", 
    "start": "cross-env NODE_ENV=uat npm run dev",
    "build:uat": "cross-env NODE_ENV=uat node build/build.js",
    "build:prd": "cross-env NODE_ENV=prd node build/build.js"
  },
  "dependencies": { //生产环境依赖包
    "sass-loader": "^6.0.7",
    "style-loader": "^0.20.3",
  },
  "devDependencies": { //开发,测试环境依赖包
    "node-sass": "^4.14.1",
    "sass-loader": "^6.0.7",
  },
  "engines": { //指定项目工作的环境。除非用户设置engine-strict标记，这个字段只是建议值。
    "node": ">= 6.0.0",
    "npm": ">= 3.0.0"
  },
  "browserslist": [ //指定模板浏览器的版本
    "> 1%", 
    "last 2 versions",
    "not ie <= 8"
  ]
}

这里特意说明一个场景，有时候我们
下载依赖后运行会提示当前某个依赖版本过高
这时候如果重新uninstall xx->在install xx的话会比较繁琐 这时候我们直接打开
package.json->找到devDependencies模块->你需要修改的依赖版本->重新npm install
就可以了 这样子会比较简便 一个小技巧