微信小程序中使用 npm 包

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

在微信小程序中使用npm包,需要进行以下步骤:

  1. 确保你的小程序开发工具的版本号高于v1.02.1808300,因为这个版本之后的小程序开发工具已经支持使用npm包。

  2. 小程序根目录下执行npm init,然后一直回车,会在根目录下生成package.json文件。

  3. 终端切换到小程序根目录,使用npm install安装你需要的npm包。安装完成后会在根目录下自动创建node_modules目录,也会自动将包名和版本加入到package.json文件中。

  4. 微信开发者工具--工具--构建npm,点击构建npm,会自动生成miniprogram_npm文件夹:微信小程序中使用 npm 包

  5.  使用前修改app.json文件,去掉"style": "v2"(这玩意可能影响一些npm包的正确渲染),在需要使用npm包的页面或者组件中,使用require()import语句引入需要的npm包。例如:

    const _ = require('prismjs'); // 或者 import _ from 'prismjs'; 

    这样就可以在小程序中使用prismjs这个npm包了。文章来源地址https://www.toymoban.com/news/detail-508099.html

到了这里,关于微信小程序中使用 npm 包的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 通过Fiddler模拟器抓包微信小程序(适用APP)

    下载模拟器 准备抓包软件(fiddler或者Charles) fiddler设置 (1)打开设置:Tools-Options (2)点击Connections,设置端口和勾选第二个选项 (3)点击HTTPS,勾选前三个选项,下载证书 4、模拟器设置(夜神模拟器) (1)开启root权限 (2) 打开模拟器wlan设置 (长按连接的无线) 5、

    2023年04月18日
    浏览(51)
  • 微信小程序通过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)
  • 夜神模拟器抓包微信小程序(进入浏览器,弹出安全警告(安全证书有问题解决方法)

    1. 声明:本文仅限学习研究讨论,切忌做非法乱纪之事! 即使按照其它教程的安装证书,也只是把证书安装到了用户下面,然而安卓高版本(7.0)之后呢,app可以只信任指定证书和系统内置的证书,后续用户安装的证书是不生效的。(如果你已经安装到用户下面了,弹出安全

    2024年02月07日
    浏览(137)
  • 微信小程序使用npm包

    目前,小程序中已经支持使用npm安装第三方包,从而来提高小程序的开发效率。但是,在小程序中使用 npm包有如下3个限制: 不支持依赖于Node.js内置库的包 不支持依赖于浏览器内置对象的包 不支持依赖于C++插件的包 Vant Weapp Vant Weapp是有赞前端团队开源的一套小程序UI组件库

    2024年02月15日
    浏览(45)
  • 微信小程序【构建npm】使用记录

    :: 问题 使用原生微信小程序开发时,通过官方 typescript 模板构建的小程序无法正确执行 构建npm 成功,从而导致我想通过 npm 安装并使用第三方库出现问题 :: 开发环境(可参照) 设备 : macOS Ventura 13.0 微信开发者工具 : Stable 1.06.2303060 创建模板 : typescript + sass 【这里使用的

    2024年02月11日
    浏览(49)
  • 微信小程序中使用 npm 包

    在微信小程序中使用npm包,需要进行以下步骤: 确保你的小程序开发工具的版本号高于v1.02.1808300,因为这个版本之后的小程序开发工具已经支持使用npm包。 小程序根目录下执行npm init,然后一直回车,会在根目录下生成package.json文件。 终端切换到小程序根目录,使用npm in

    2024年02月11日
    浏览(38)
  • 微信小程序使用npm引入三方包详解

    1 前言 从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始,小程序支持使用 npm 安装第三方包。 此文档要求开发者们对 npm 有一定的了解,因此不会再去介绍 npm 的基本功能。如若之前未接触过 npm,请翻阅 官方 npm 文档 进行学习。 2 微信小程序npm环境搭建

    2024年02月11日
    浏览(59)
  • 微信小程序使用 npm 包,举例图文详解

    下载安装,配置npm环境变量,不懂得可以上网查教程,本文不再描述 1、初始化 package.json 2、勾选允许使用 npm(新版微信小程序开发工具忽略这一步) 3、下载 npm 包 4、构建 npm 不清楚的可以往下看详解 1、初始化 package.json 在小程序开发工具\\\"终端\\\"输入: 执行命令成功后自动

    2023年04月09日
    浏览(46)
  • 微信小程序使用 npm 安装第三方包

    微信小程序支持使用 npm 安装第三方包。 在小程序根目录下执行 npm install 第三方包名 安装 npm 包。 点击开发者工具中的菜单栏: 工具 -- 构建 npm 完成构建。 就可以使用 npm 包了。

    2024年02月11日
    浏览(73)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包