package.json，package_lock.json与node_moule_package-lock.json位置-优快云博客

本文链接：https://blog.youkuaiyun.com/hejingfang123/article/details/114001631

本文介绍了package.json、package_lock.json和node_modules在前端项目中的作用。package.json记录项目依赖和信息，package_lock.json确保重复安装时依赖版本一致，而node_modules存放实际依赖模块。package_lock.json有助于避免因依赖更新导致的问题，提高项目构建的可预测性和一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做前端的时候，不小心把package_lock.json文件提交了，在发merge请求的时候被打回来了，备注中提到了让我查一下package_lock.json是干嘛的，到底需不需要提交。

好，那接下来让我们研究一下吧！

package.json：

提到package_lock.json不得不提到package.json，比如说，我们用vue框架搭建一个前端项目（搭建步骤请参考：https://blog.youkuaiyun.com/hejingfang123/article/details/109534932?spm=1001.2014.3001.5501），框架搭建完成package.json文件就自然生成了，那么package.json文件是干么的呢？我们来瞅一瞅

{
  "name": "hjf",
  "version": "1.0.1",
  "description": "设计平台hjf",
  "author": "hjf",
  "private": false,
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "prod": "webpack-dev-server --inline --progress --config build/webpack.prod.conf.js",
    "start:dev": "npm run dev",
    "start:prod": "npm run prod",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js"
  },
  "dependencies": {
    "axios": "^0.21.0",
    "babel-plugin-component": "^1.1.1",
    "element-ui": "^2.9.2",
    "lodash": "4.17.15",
    "vue": "^2.5.2",
    "vue-axios": "^3.1.3",
    "vue-codemirror": "^4.0.6",
    "vue-uuid": "^2.0.2",
    "vuedraggable": "2.23.0"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "babel-core":