微信小程序配置npm构建详细解读

9月前作者：码云的一天分类：Toy博客阅读(42) 违法举报

这篇具有很好参考价值的文章主要介绍了微信小程序配置npm构建详细解读。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

npm 支持 | 微信开放文档

一、解读：

总之就是，1、开启 2、根据谁进行构建，指定构建后生成的位置

微信小程序构建npm,web前端,微信小程序,npm,小程序

二、完整构建流程：

2.1、使用默认方式构建：适用于高版本开发工具

1、在项目根目录 npm init 生成package.json文件

2、npm install 安装要使用的模块如· npm i @vant/weapp -S --production

3、微信开发工具【工具】-》【构建npm】

构建成功会生成 miniprogram_npm 目录

2.2、自定义方式构建：

参考上文，做好配置-》在自定义目录中安装npm依赖-》工具-》构建

操作和默认一样，区别就是在 project.config.json 中配置自定义目录和依赖文章来源地址https://www.toymoban.com/news/detail-566065.html

到了这里，关于微信小程序配置npm构建详细解读的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

微信小程序构建npm（js和ts）

先吐槽一下，官方文档写的就是一坨粑粑！真垃圾不要按照官方的来，不然会有以下报错空白处右键，选择在外部终端窗口中打开之后每次安装新的依赖，都要点击一次构建npm！！！，每次！！！空白处右键，选择在外部终端窗口中打开每次构建npm都要记得删除，构建结

2024年02月15日
浏览(57)
微信小程序构建npm报错没有生成miniprogram_npm目录

拉取已有仓库，在目录下执行npm install，再在微信开发者工具里点构建npm，报错说找不到/miniprogram_npm 基础库2.27.1 一、先在 project.config.json 中检查配置 packageJsonPath 是用来寻找 package.json miniprogramNpmDistDir 配置 miniprogram_npm 生成目录 miniprogram_npm 是小程序使用的npm包目录，与 nod

2024年02月11日
浏览(64)
[微信小程序] 项目引入vant组件库 npm构建问题避坑

按照Vant Weapp官网的快速上手，构建npm时发现报错问题：package.json 未找到原因：没有初始化npm，所以没生成package.json，npm构建时需要此文件，所以报此错误解决：在项目根目录里执行 “ npm init ” 再次构建npm，还会报错，此时按照vant官方文档再次执行即可：如果还是没有

2024年02月17日
浏览(57)
新建微信小程序Ts模版构建npm错误，没有找到可以构建的 NPM 包，NPM packages not found。

message ：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 miniprogramRoot 目录内，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 进行构建已按初始化 npm ，但是构建提示 npm 包找不到 1、首先在终端中确实是先初始化过了 2、如果已经初始化以后，项目根目

2024年02月11日
浏览(45)
微信小程序在使用vant组件库时构建npm报错

在跟着vant官方进行使用步骤一步步操作时，由于要构建NPM，但NPM包在App配置文件的外部所以在做下图这一步时：接着再进行npm构建时会报错解决方法：修改

2024年02月13日
浏览(57)
没有找到可以构建的NPM包，请确认需要参与构建的npm都在 `miniprogramRoot` 目录内 --- 微信小程序报错

报错：“没有找到可以构建的NPM包，请确认需要参与构建的npm都在 miniprogramRoot 目录内” 说明项目中没有用npm install安装要使用的UI组件库的依赖，所以就不会出现这个文件夹。解决办法：项目中安装相关组件库依赖后，再重复第1步构建npm的操作，此时会生成miniprogram_npm文

2024年02月11日
浏览(42)
微信小程序vant安装使用过程中遇到无法构建npm的问题

官网地址，然而如果完全按照这个教程来，实际上是缺少步骤的，需要补充一些步骤（参考https://www.bilibili.com/video/BV1vL41127Er）

2024年02月03日
浏览(59)
微信小程序通过npm引入tdesign包进行构建的时候报错

问题在通过npm 引入 tdesign时：https://tdesign.tencent.com/miniprogram/getting-started 通过微信小程序IDE进行npm构建的时候出现：无法构建，应该怎么办？解决方法： 1 输入：命令 2 重新点击工具-npm构建这个时候，黑框出现一段Json，同时提示构建成功，即可开始使用tdesign了！

2024年02月10日
浏览(46)
微信小程序bug:没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录；与app.json: [“usingComponents“][“van-button“]:

目录错误1：没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录旧版本新版本错误二：app.json: [\\\"usingComponents\\\"][\\\"van-button\\\"]: \\\"@vant/weapp/button/index\\\" 未找到今天在写微信小程序的时候，在里面引入包的时候，然后构建npm时，报了一个错：没有找到可以构建的

2024年02月04日
浏览(51)
微信小程序详细讲解页面传值，globalData，wx，web前端开发基础

在其他非app.js文件中修改： var app = getApp() app.globalData.hasLogin = true 二、使用 wx.navigateTo 与 wx.redirectTo 的时候，可以将部分数据放在 url 里面，并在新页面 onLoad 的时候初始化 // Navigate wx.navigateTo({ url: ‘…/pageD/pageD?name=raymondgender=male’, }) // Redirect wx.redirectTo({ url: ‘…/p

2024年04月25日
浏览(60)