微信小程序使用npm镜像详解

最新推荐文章于 2024-07-12 10:47:27 发布
最新推荐文章于 2024-07-12 10:47:27 发布
阅读量778 收藏
点赞数
分类专栏： 微信小程序 前端 文章标签： npm 微信小程序 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42363090/article/details/128897211
版权
本文详细介绍了如何在微信小程序中使用npm模块，包括安装npm包、构建过程，以及发布小程序和普通npm包的约束与流程。强调了package.json的配置，如miniprogramRoot和dependencies字段，并提醒开发者遵循npm包大小优化原则，避免引入不必要的依赖。
摘要由CSDN通过智能技术生成

1.打开工具-详情-勾选使用npm模块

 

使用npm的步骤：

1. 安装 npm 包

在小程序 package.json 所在的目录中执行命令安装 npm 包：

npm install

这里要求参与构建 npm 的 package.json 需要在 project.config.json 定义的 miniprogramRoot 之内。

tips：开发者工具 v1.02.1811150 版本开始，调整为根据 package.json 的 dependencies 字段构建，所以声明在 devDependencies 里的包也可以在开发过程中被安装使用而不会参与到构建中。如果是这之前的版本，则建议使用--production选项，可以减少安装一些业务无关的 npm 包，从而减少整个小程序包的大小。

tips: miniprogramRoot 字段不存在时，miniprogramRoot 就是 project.

了解本专栏 订阅专栏 解锁全文 超级会员免费看
刺心疯
关注
专栏目录
订阅专栏
尹成学院区块链 Go 学习大纲-取得大纲试看视频联系微信yinchengak48
尹成的技术博客
08-21 4747
所处阶段 主讲内容 技术要点 学习目标 第一阶段Go语言开发入门实战 1.Go语言介绍及开发环境搭建 1.Go语言是什么 2.Go语言优势 3.Go语言适合来做什么 4.Go语言安装和设置 5.标准命令概述 6.第一个Go语言程序 课程设计理念： 夯实基础，Go语言作为...
在小程序开发中使用 npm
03-29
微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。 1. 在小程序中加载 npm 包 npm install miniprogram-datepicker --production node_modules可以 在小程序根目录下，也可以存在于小程序根目录下的各个子目录中。但是不可以 在小程序根目录外。使用--production选项，可以减少安装一些业务无关的 npm 包，从而减少整个小程序包的大小。 2. 构建 npm 包 在微信小程序开发工具的「工具」菜单下点击「构建 npm」命令，进行 npm 包的构建，此构建可以将 npm 包构建
小程序使用npm
lxp997的博客
02-21 764
  小程序第一次使用npm在需要的目录里面使用npm init 命令,然后确认就好了. 想引入哪一个npm包时，直接npm install （包名称） --production就可以       在所需要使用组件的json 文件下: "usingComponents": { "slide-view": "miniprogram-slide-view" } 然后 <...
微信小程序---npm 支持
最新发布
m0_56769104的博客
07-12 1243
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm1、默认构建 npm。
小程序 npm 使用
认真!
03-01 3290
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm默认构建 npm。
小程序中使用npm包
weixin_44679078的博客
03-16 455
1.初始化 package.json npm init 执行后询问的初始化信息可以一直回车使用默认的就行，或者直接使用npm init -y命令 2.勾选允许使用npm 3.下载npm包 npm install 包名 例如 pubsub-js包 ，可以实现页面与页面之间的通信。它是通过自定义事件（订阅与发布）的方式进行的。引入包：import PubSub from 'pubsub-js'，订阅方：PubSub.subscribe(事件名，事件回调)，发布方：PubSub.publish(事件名，提供
vue+web端仿微信网页版聊天室功能
11-28
9. **cnpm**：淘宝npm镜像，用于替代默认的npm，提高在中国地区的包下载速度。 10. **Webpack**：Webpack 是一个模块打包工具，用于处理项目中的依赖管理和资源打包，构建出符合生产环境的静态资源。 11. **vue-...
详解Windows下安装Nodejs步骤
01-20
1. **安装cnpm**：在命令提示符中执行`npm install cnpm -g --registry=https://registry.npm.taobao.org`，使用淘宝npm镜像进行安装。 2. **验证cnpm**：安装完成后，通过`cnpm -v`检查版本，确保安装成功。有时...
【最新版】Java学习路线（含B站口碑推荐视频链接）
Redemption___的博客
08-14 5869
文章目录一、计算机网络二、数据结构与算法三、操作系统四、计算机组成原理五、编译原理六、设计模式七、MySQL八、实操工具九、JAVA并发与JVM十、Redis十一、Linux十二、Java路线学习尚硅谷黑马程序员动力节点狂神说十三、Java基础十四、JavaWeb十五、框架十六、微服务/分布式十七、中间件十八、面试技巧、简历优化
微信小程序npm引入vant-weapp的踩坑记录
12-01
微信小程序项目使用npm安装vant-weapp的正确步骤  使用npm安装vant-weapp 到项目根目录下： npm i vant-weapp -S --production 然后再详情中选中使用npm模块，然后点击工具栏中的构建npm。本以为这样就可以安装成功了，结果 没有找到npm包 这让我纠结了一个早上。看了文档，琢磨了很久，最后研究出问题的关键。 第一步：使用cmd进入项目根目录：npm init 然后一直按回车 第二步：输入你要安装的文件（npm i vant-weapp -S --production ） 如果已经之前安装了vant-weapp的，就直接到工具栏中选中
小程序 -- 使用 npm 包
weixin_43263566的博客
10-16 345
小程序 -- 使用 npm 包
微信小程序使用npm
0.0 的博客
10-11 81
目录在终端中安装 在终端中安装 在目录下多出两个文件 点击工具中的构建npm，然后会出现如图所示的一个文件 可选择两个的其中之一引入，然后直接使用
微信小程序使用 npm
weixin_44429307的博客
04-13 696
微信小程序使用 npm 终端运行npm init 安装你想要的包npm i packageName 修改文件内容project.config.json 构建npm即可
小程序（npm包的使用）
weixin_45805459的博客
12-12 352
【微信小程序】使用npm包
m0_61016904的博客
11-16 592
由于目前新版开发者工具创建的小程序目录文件结构问题，npm构建的文件目录为miniprogram_npm，并且开发工具会默认在当前目录下创建miniprogram_npm的文件名，所以新版本的miniprogramNpmDistDir配置为’./'即可。默认情况下，小程序官方提供的异步API都是基于回调函数实现的，例如，网络请求的API需要按照如下的方。，指的是通过额外的配置，将官方提供的、基于回调函数的异步API,升级改造为基于。的异步API,从而提高代码的可读性、维护性，避免回调地狱的问题。
微信小程序开发教程 #043 - 在小程序开发中使用 npm
weixin_30646315的博客
10-11 133
本文介绍了如何在微信小程序开发中使用 npm 中包的功能，大大提高微信小程序的开发效率，同时也是微信小程序系列教程的视频版更新。 微信小程序在发布之初没有对 npm 的支持功能，这也是目前很多前端开发人员在熟悉了 npm 生态环境后，对微信小程序诟病的地方。 微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。 微信小程序的功能更新最...
微信小程序安装npm
10-17
微信小程序安装npm的步骤如下： 1. 在小程序项目根目录下打开命令行工具，输入命令：`npm init`，生成 package.json 文件。 2. 安装需要的 npm 包，例如：`npm install moment --save`，安装 moment.js 库。 3. 在小程序开发工具中，点击菜单栏的“工具”-“构建 npm”，构建完成后即可在小程序中使用 npm 包。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刺心疯

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值