• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序 自动构建npm

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

  微信npm官方地址: https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

  准备:

  npm init

  进入设置=> 名称什么的,设置完成之后会在根目录新增一个package.json文件

  使用:

  以vant 安装为例

    vant官网: https://youzan.github.io/vant-weapp/#/quickstart

    安装命令  npm i @vant/weapp -S --production

    安装完成会新增一个node_modules目录

    使用安装的vant    

    打开 开发者工具的 右上角的详情 =>本地设置=>使用npm模块(如果设置好的话可以忽略此步骤) 

    找到工具 => 构建npm  

    会新增一个 miniprogram_npm 目录

    测试:

      将 app.json 中的 "style": "v2" 去除

      在index.json中引入

           "usingComponents": {

                                                 "van-button": "@vant/weapp/button/index"
                                      }
       index.wxml
        
            <van-button>vant按钮</van-button> 就可以了.
   

      


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序之exports发布时间:2022-07-18
下一篇:
原生微信小程序脚手架(支持npm)发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap