前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序支持npm包

微信小程序支持npm包

作者头像
OECOM
发布2020-07-01 17:11:21
1.6K0
发布2020-07-01 17:11:21
举报
文章被收录于专栏:OECOM

在8月30号的时候,微信开发者工具进行了一次升级,在升级日志中我们看到微信小程序开始支持npm包管理了。但是小程序的基础版本库是从2.2.1版本开始支持,很遗憾的是在2.2.1以前的版本上则会报错。

和其他前端框架一样,首先得进行的是npm init,然后才是安装依赖包。在这里我们采用base64的一个包进行测试。

1.安装

个人比较倾向使用cnpm来进行安装,比较快,而且不用去修改npm的镜像位置

代码语言:javascript
复制
cnpm install --production -S js-base64

关于“--production”,在官方文档上有说明

此处并没有强制要求 node_modules 必须在小程序根目录下(即 project.config.js 中的 miniprogramRoot 字段),也可以存在于小程序根目录下的各个子目录中。但是不允许 node_modules 在小程序根目录外。请务必使用--production选项,可以减少安装一些业务无关的 npm 包,从而减少整个小程序包的大小。

2.在程序中引入

我们在首页的index中进行引入,

代码语言:javascript
复制
const Base64 = require('js-base64').Base64;

然后再onload函数中调用

代码语言:javascript
复制
onLoad: function () {
    console.log(Base64.encode("haha"));
    }

3.构建npm

点击开发者工具中的菜单栏:工具 --> 构建 npm 在工具栏最下方有一个选项就是构建npm,然后点击开发者工具右上角的详情,勾选上使用npm模块

微信小程序支持npm包
微信小程序支持npm包

这里的勾选npm模块和小程序版本都要选择正确了,否则会提示:找不到模块如module "pages/npm/js-base64" is not defined

以上就是在小程序中使用npm的方法。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-09-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.安装
  • 2.在程序中引入
  • 3.构建npm
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档