汕头网站建设哪家好,wordpress付费浏览,深圳制作网站的公司简介,页面设计排版一、package.json
定义了当前项目所需要引用的各个模块#xff0c;可以手工修改配置#xff0c;也可以删除后#xff0c;使用npm init命令重新自动生成。 但是该文件只锁定大版本号#xff0c;也就是版本号的第一位#xff0c;所以你会发现两个文件中同一个包的版本号不一…一、package.json
定义了当前项目所需要引用的各个模块可以手工修改配置也可以删除后使用npm init命令重新自动生成。 但是该文件只锁定大版本号也就是版本号的第一位所以你会发现两个文件中同一个包的版本号不一致但是第一位一定是一致的。
1、锁定小版本
如需锁定小版本修改配置文件去掉版本号前面的小尖尖即可。
dependencies: {axios: ^0.21.1,element-ui: 2.15.1,
},例如 此处的axios若执行npm install会下载当前大版本下的最新版本。 而此处的element-ui若执行npm install会锁定下载2.15.1版本。
2、开发环境和生产环境
有些包是开发过程中需要使用打包部署到线上无需使用的。 在安装的时候注意使用安装命令 npm install --save -dev即npm install -D 仅在开发环境时安装使用。 而npm install默认是安装在开发和生产环境的。 查看package.json文件有
dependencies: {axios: ^0.21.1,echarts: ^5.3.1……
},
devDependencies: {vue/cli-plugin-babel: ^4.5.10,vue/cli-plugin-eslint: ^4.5.10,vue/cli-service: ^4.5.10,vue/eslint-config-standard: ^5.1.2,babel-eslint: ^10.1.0,eslint: ^6.7.2,eslint-plugin-import: ^2.20.2,eslint-plugin-node: ^11.1.0,eslint-plugin-promise: ^4.2.1,eslint-plugin-standard: ^4.0.0,eslint-plugin-vue: ^6.2.2,sass: ^1.26.5,sass-loader: ^8.0.2,vue-template-compiler: ^2.6.11
},像axios、echarts等在生产环境需要使用的就默认安装至dependencies开发和生产环境 像eslint、sass等只在开发的过程中使用的打包以后无需再用就使用-D命令仅安装至devDependencies开发环境。
但是 经过测试我发现将所有的包都放到devDependencies下删掉node_modules里面的包。
然后重新执行npm install再执行npm run build发现打包出来的dist大小完全不变且部署到线上环境能正常运行。 那我怀疑npm install是同时安装在了开发和生产环境于是执行npm install -D命令效果一样打包大小不变部署线上正常运行。 奇了怪了见了鬼了那这个dependencies和devDependencies的意义何在呢只是为了规范
二、package-lock.json
是在npm install时生成的用来记录当前状态下实际安装的各个包的具体来源和版本号。
三、node_mouduls
我以为
执行npm install时根据package.json生成package-lock.json对应下载相应版本的第三方包至node_mouduls。 现象是只删掉package-lock.json文件执行npm install时生成package-lock.json文件会根据node_mouduls已有的包来。只删掉node_mouduls文件夹执行npm install时会根据package-lock.json文件去下载相应的包至node_mouduls。同时删掉package-lock.json文件、node_mouduls文件夹执行npm install时生成package-lock.json文件才是最新的根据package.json来的然后会去下载最新的包至node_mouduls。
四、补充
1、安装指定版本参考文档
https://blog.csdn.net/xuaner8786/article/details/81630445
