微信小程序构建npm

微信小程序构建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