微信小程序—使用npm（第三方包）

新建一个wechat小程序项目（这里我起的名字是wechat-npm-case），如图：

初始化npm：在你所建项目的根目录下，使用npm init -y，初始化一下

执行npm init

开启“使用npm模块”(右上角详情-本地设置-勾选使用npm模块)

根目录下新建 node_modules 文件夹: mkdir node_modules

cd node_modules 进入新建的 node_modules，执行下面命令：

npm install miniprogram-datepicker --production

点开左上角工具->选中构建npm

完成构建

成功后会在目录中生成一个miniprogram_npm目录。

这时候你就可以使用诸如：vant-weapp等的小程序第三方库了。

我们可以根据vant-weapp的快速入门来尝试一下。

这是我尝试的截图，van-button已经被成功使用：

注：每当你通过 npm 安装一个第三方库时，记得别忘记重新构建一下（点开左上角工具->选中构建npm）

转载于：https://www.jianshu.com/p/9ca11ca83a63

微信小程序—使用npm（第三方包）相关推荐

设置微信小程序支持npm（解决微信小程序npm构建时提示“没有找到可以构建的NPM包，请确认需要参与构建的npm都在miniprogramroot目录内，或配置project...”错误）的方法
提示:通过微信开发者工具创建小程序工程后,默认是不开启npm的,需要修改小程序npm配置参数,否则将会提示"没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 minipro ...
微信小程序的npm使用心得
研究小程序的npm没多久,也就是稍微花了点时间研究了下,并记录一下我的理解和心得,有疏漏的地方,望各位指教. 首先,这里介绍的只囊括了如何使用npm,以及小程序npm基本的模块加载原理(没有太深入), ...
微信小程序：热门表情包+头像+壁纸自动采集多分类微信小程序
这是一款自动采集的一款微信小程序源码内由表情包,头像,还有壁纸组合而成的一款图片小程序每一个都自带多种分类,内容丰富运营适合另外支持插屏广告,激励视频广告,等多种广告小程序源码下载地址: 微信 ...
微信小程序使用特殊字体包
微信小程序使用特殊字体包 js页面 Page({data: {fontFamily: 'font1', },loadFontFace() {const self = thiswx.loadFontFa ...
微信小程序跳转第三方网页、第三方小程序。
微信小程序跳转第三方网页.第三方小程序. 微信小程序跳转第三方网页跳转第三方网页的问题微信小程序跳转第三方小程序微信小程序跳转第三方网页最近需要做一个小程序跳转携程的功能,首先考虑到的是跳转到 ...
微信小程序(.wxapkg)源码包解包的方法
首先下载微信小程序的解包工具:微信小程序(.wxapkg)文件解包工具下载地址: 工具下载 cmd切换到源码的存放目录,直接将工具和源码放一个文件夹吧,执行: java -jar unweapp-0 ...
fiddler使用教程+抓包实践+filder抓包APP+HTTPS,PC微信小程序公众号抓包笔记，fidder插件
fiddler使用教程+抓包实践+filder抓包APP+HTTPS,PC微信小程序公众号抓包笔记,fidder插件 fiddler使用教程界面 File->captur traffic 开启 ...
微信小程序使用 npm 安装第三方包
微信小程序支持使用 npm 安装第三方包. 使用 npm: 在小程序根目录下执行 npm install 第三方包名安装 npm 包. 点击开发者工具中的菜单栏:工具 --> 构建 npm 完 ...
微信小程序 - 使用npm（第三方包）
使用示例: 1. 开启"使用npm模块" 2. 新建 node_modules 文件夹 3. cd到新建 node_modules 所在的目录(非node_modules文件夹内) ...
微信小程序使用 npm 包，举例图文详解
使用 npm 包前提条件: 下载安装,配置npm环境变量,不懂得可以上网查教程,本文不再描述小程序使用 npm 包简述 1.初始化 package.json 2.勾选允许使用 npm(新版微信小程序 ...

微信小程序—使用npm（第三方包）

微信小程序—使用npm（第三方包）相关推荐

最新文章

热门文章