package.json配置

npm安装：理解Dependencies与DevDependencies的区别
最新推荐文章于 2025-07-23 14:26:14 发布
最新推荐文章于 2025-07-23 14:26:14 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： node-js 文章标签： nodejs 配置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/JoshuaJiang/article/details/46385993
本文详细解释了npm包中Dependencies和DevDependencies的概念，帮助开发者了解如何正确安装和区分不同类型的依赖，以便在项目开发过程中更高效地管理和使用第三方库。
  1. DevDependencies和Dependencies

Dependencies依赖的项该是正常运行该包时所需要的依赖项，而DevDependencies则是开发的时候需要的依赖项，像一些进行单元测试之类的包。

如果你将包源码下载下来，以便继续开发，可以在包的根目录里运行

npm install

默认会安装两种依赖，如果你只是单纯的使用这个包而不需要进行一些改动测试之类的，可以使用以下命令只安装dependencies而不安装devDependencies:

npm install --production

如果你只是想使用这个package，通过npm安装，你可以从任何目录中通过以下命令进行安装:

npm install packagename

那么只会安装dependencies，如果想要安装devDependencies，需要输入

npm install packagename --dev
package.json 依赖包约束及快速删除node_modules
凡事开始的时候看初衷，结束的时候看结果；反过来讲，结果好的时候只看结果，结果不好的时候，看初衷。
03-12 1302
当你第一次在项目中运行 yarn install 时（也就是项目里还没有 yarn.lock 文件），Yarn 会依据 package.json 文件里声明的依赖和版本范围来安装依赖。
package.json配置文件构成详解
10-16
package.json配置文件构成详解 package.json配置文件是 Node.js 项目中的核心配置文件，它记录了项目的 metadata、依赖项、脚本、配置等信息。下面是对 package.json 配置文件的详细解析： 项目基础信息 在 ...
npm init 以及package.json 字段学习
qq_44173499的博客
02-03 201
npm init 以及package.json 字段学习
pnpm9.5.0（catalog协议）
smz的博客
07-12 2676
pnpm 9.5.0 新特性，解决多包或monorepo依赖管理
vben5.0版本项目添加新的依赖包
blog
07-23 213
本文介绍了使用pnpm管理依赖的三步流程：1）在pnpm-workspace.yaml文件的catalog字段添加依赖包名；2）在package.json的devDependencies中配置包名及catalog字段（如"vue":"catalog:"）；3）通过npm下载依赖并在项目中引入。该方法适用于pnpm工作区管理项目依赖。
Node.js项目的package.json配置文件中的devdependencies 和 dependencies的区别
acoolgiser的博客
11-12 1998
1、dependencies和devDependencies 具体代码如下 "name": "webpack-react-express", "version": "0.2.0", "private": true, "dependencies": { "antd": "^2.13.11", "babel-po
package.json配置eslint
xuehu837769474的博客
08-24 3977
由于安居客，贝壳，链家等网站无法上传图片，所以我把业主群的二维码贴在这里，大家可以在这里扫码进群
package.json文件配置详解
01-20
`package.json` 文件是Node.js项目的核心配置文件，它包含了项目的元数据，如项目名称、版本、描述，以及项目依赖的模块等信息。通过 `npm init` 命令，可以自动生成此文件。理解并正确配置 `package.json` 对于有效...
nodejs如何在package.json中设置多条启动命令
10-15
在Node.js开发中，`package.json` 文件是一个至关重要的组件，它存储了项目的元数据，如项目名称、版本、作者信息以及脚本命令等。在`package.json`中设置多条启动命令，可以帮助开发者更有效地管理和运行项目的不同...
VSCode插件开发全攻略之package.json详解
12-20
如下是package.json文件的常用配置，当然这里还不是全部： { // 插件的名字，应全部小写，不能有空格 "name": "vscode-plugin-demo", // 插件的友好显示名称，用于显示在应用市场，支持中文 "displayName": ...
package.json中main，module，exports三种方式的使用，自定义入口文件index.js
05-07
在JavaScript的模块化开发中，`package.json` 文件起着至关重要的作用，它定义了项目的元数据，并指定了模块的入口文件。对于Vue.js项目，尤其是由`@vue/cli`生成的Vue3项目，`package.json`中的`main`、`module`和`...
Node.js项目关于package.json的dependencies和devDependencies
ikkkp的博客
09-20 754
Node.js项目关于package.json的dependencies和devDependencies
使用 package.json 配置代理解决 React 项目中的跨域请求问题
JudithHuang的博客
02-22 1711
当我们在开发前端应用时，经常会遇到跨域请求的问题。为了解决这个问题，我们可以通过配置代理来实现在开发环境中向后端服务器发送请求。在 React 项目中，我们可以使用文件中的proxy字段来配置代理。这个字段可以帮助我们将前端应用的请求转发到指定的后端服务器上，从而避免跨域请求的限制。下面是如何在在你的 React 项目中，找到文件并打开它。proxy在文件的顶层对象中添加一个名为proxy的字段，并将其值设置为你想要代理的后端服务器的基本 URL。
Node.js：package.json中的dependencies和devDependencies区别
KaiSarH
08-30 613
package.json中的dependencies和devDependencies区别
npm配置篇-Package.json
^@Hu@^的博客
10-18 783
package.json配置 name 发布必填必填字段，名称和版本号共同构成标识符，假定唯一。 规则 名称必须小于或等于214个字符 不能以点或下划线开头 不得包含大写字母 该名称最终成为URL、命令行参数、文件夹名得一部分，不能包含任何非URL安全得字符 技巧 不要使用与核心Node模块相同得名称 不要在名称中添加“js”或“node” 应简短且具有可描述性 检查注册表是否已有该...
package.json文件配置说明
Skty_ywh的博客
03-21 6046
package.json文件是Node.js项目中的一个描述文件，执行npm init命令初始化项目后，在项目的根目录下自动生成该文件。
package.json文件里面的解读
qq_44457229的博客
03-15 2500
B@2.x。
Node.js 依赖管理（一）—区分dependencies和devDependencies
weixin_30337157的博客
02-11 506
原文链接：https://www.novenblog.xin/detail/?id=65 本文拜读百度@小蘑菇哥哥的Node.js 中的依赖管理，正文从这里开始～ nodejs 中总共有 5 种依赖： 1、dependencies 2、devDependencies （常用） 3、peerDependencies （不太常用） 4、bundledDependencies (我...
uniapp package.json配置
最新发布
08-12
<think>我们正在讨论的是uni-app项目中package.json文件的配置。根据用户提供的引用和问题，我们需要整理关于uni-app在package.json中配置的相关信息。 用户提供的引用内容主要涉及： 1. 多环境配置：在package.json中添加uni-app的scripts，用于区分不同环境（如开发、测试、生产）[^1]。 2. 原生插件开发：在package.json中配置"_dp_nativeplugin"节点，特别是iOS平台的配置[^2]。 3. 环境变量区分：在打包发布时，如何通过package.json和mainfest.json区分环境变量[^3]。 4. 开发环境配置：通过process.env获取环境变量，根据环境设置不同的请求地址等[^4]。 用户的问题：查找关于uni-app在package.json中的配置信息，即uniapp package.json配置指南。 因此，我们需要围绕uni-app项目中package.json文件的常见配置进行说明，包括环境配置、脚本配置、原生插件配置等。 下面开始组织回答：</think>### UniApp `package.json` 配置指南 UniApp 项目中 `package.json` 是核心配置文件，用于管理项目依赖、环境变量、多端构建及脚本命令。以下是关键配置项详解： --- #### 1. **多环境配置（开发/测试/生产）** 在 `uni-app.scripts` 中定义不同环境的构建参数，通过 `env` 指定环境变量： ```json {5-10,12-15} { "uni-app": { "scripts": { "dev": { "env": { "NODE_ENV": "development", "VUE_APP_API_BASE": "https://dev.api.com" } }, "prod": { "env": { "NODE_ENV": "production", "VUE_APP_API_BASE": "https://prod.api.com" } } } } } ``` - **使用方式**： ```bash npm run dev # 加载 development 环境变量 npm run prod # 加载 production 环境变量 ``` - **代码中获取变量**： ```javascript const baseUrl = process.env.VUE_APP_API_BASE; ``` 通过 `process.env` 访问自定义环境变量[^1][^4]。 --- #### 2. **多端平台适配（如钉钉小程序）** 在 `scripts` 中为不同平台配置独立参数： ```json {5-12} { "uni-app": { "scripts": { "mp-dingtalk": { "title": "钉钉小程序", "env": { "UNI_PLATFORM": "mp-alipay", // 使用支付宝小程序引擎适配钉钉 "NODE_ENV": "production" }, "define": { "MP_DINGTALK": true // 注入全局标识 } } } } } ``` - **全局标识使用**： ```javascript if (typeof MP_DINGTALK !== 'undefined') { console.log("当前是钉钉小程序环境"); } ``` 此配置允许 UniApp 编译时自动注入平台标识[^1]。 --- #### 3. **原生插件配置（iOS/Android）** 通过 `_dp_nativeplugin` 节点配置原生插件： ```json {3-9} { "_dp_nativeplugin": { "ios": { "plugins": [ { "name": "CameraPlugin", "path": "native/ios/Camera" } ] }, "android": { "permissions": ["CAMERA"] } } } ``` - **作用**：声明原生模块路径和所需权限，确保打包时正确集成[^2]。 --- #### 4. **Git 钩子与代码检查** 利用 `gitHooks` 和 `lint-staged` 实现提交前自动校验： ```json {3-12} { "gitHooks": { "pre-commit": "lint-staged" // 提交前触发 }, "lint-staged": { "*.{js,vue,ts}": [ "eslint --fix", // 自动修复可修复的错误 "git add" // 将修复后的文件重新加入暂存区 ] } } ``` - **效果**：仅对暂存区文件执行 ESLint，避免全量检查[^1]。 --- #### 5. **浏览器兼容性（`browserslist`）** 控制代码转译范围，确保多端兼容性： ```json { "browserslist": [ "Android >= 4.4", // 支持 Android 4.4 及以上 "ios >= 9" // 支持 iOS 9 及以上 ] } ``` 此配置影响 Babel 和 Autoprefixer 的编译行为，例如： - `Android >= 4.4`：转译 ES6 语法，添加 CSS 前缀 `-webkit-`。 --- ### 最佳实践建议 1. **环境分离**： - 为开发、测试、生产环境定义独立的 `NODE_ENV` 和接口地址[^1][^4]。 2. **平台条件编译**： - 使用 `#ifdef MP-DINGTALK` 在代码中编写平台专有逻辑。 3. **自动化校验**： - 通过 `lint-staged` 减少代码检查耗时，确保团队代码风格统一[^1]。 > 参考文档：[UniApp 官方配置文档](https://uniapp.dcloud.io/collocation/package)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值