微信小程序构建npm

603 阅读1分钟

微信小程序构建npm包遇坑填坑

功夫不负有心人,遇坑必须填此坑!

废话不多说,直接上图片示例:

第一步:如遇提示:

    微信开发者工具构建没有可以构建的npm包

第二步:在终端打开文件的根目录,进行如下操作: 1、打开cmd 终端 2、切换至根路径 3、npn init 初始化文件 4、npm i vant-weapp -S --producton 直接安装Vant-Ui 框架 : 1、这个时候会报错:Sorry, name can only contain URL-friendly characters and name can no longer contain capital letters.(请正确理解这边话的意思,确保不要再度躺坑!!) 2、这是因为在npm初始化的时候,询问了项目名,如果我们不命名回车跳过的话,它会指定你的文件件的名称当做项目名,但是,比较尴尬了,我的项目名称是不规范的有了一个- 所以要重新执行一次,正确的填写项目名 npm_web

下一步: **

如次简单的骚操作你学会了吗!!

**

附:

安装 Vant-Ui 框架
npm i vant-weapp -S --producton