首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏大前端全栈开发

    小程序中使用npm安装vant组件实现按需引入,减少代码包大小和避免触发用户隐私协议

    vant-tree-shaking为了方便使用,脚本代码已经封装成了一个 npm 包 vant-tree-shaking(https://www.npmjs.com/package/vant-tree-shakingvant-tree-shaking,成功后会在控制台打印出:vant-tree-shaking success。 本地安装npm install -D vant-tree-shaking需要自己在 package.json 配置文件中配置 script 脚本命令,如直接配置自定义命令 vant:{ "name": "miniapp", "version": "1.0.0", "main": "app.js", "scripts": { "vant": "vant-tree-shaking", }, " }}在小程序开发者工具中上传小程序代码前,直接在项目根目录终端中运行命令:npm run vant,成功后会在控制台打印出:vant-tree-shaking success。

    84100编辑于 2024-05-28
  • 来自专栏大前端全栈开发

    从0到1开发一个自己的npm包完整过程

    字段是唯一的,否则发布时会失败,可以自己在 npm 网站上搜索包名或者通过如下命令查看是否已经存在同名包:npm view <packageName>初始化项目配置文件参考:{ "name": "vant-tree-shaking description": "小程序按需引入vant组件,自动清除项目中未使用的vant组件,减少代码包大小,避免因未使用到的 vant 组件触发隐私协议提交审核时被拒", "bin": { "vant-tree-shaking "email": "510878689@qq.com", "license": "MIT", "bugs": { "url": "https://github.com/cafehaus/vant-tree-shaking 我们常用的大部分 npm 包主要集中在3大类:ui 库,如 element-ui方法库,如 lodash命令行,如 vue cli刚开始可以从比较简单的命令行工具入手,就比如上面配置文件中的 vant-tree-shaking ,所有代码就一个110行的 js 文件,然后设置下 package.json 配置文件中的 bin 字段,这样别人 npm install vant-tree-shaking 安装好包后就可以直接通过命令行来使用这个包了

    1.6K10编辑于 2024-05-28
领券