微信小程序 ts npm

以 ts 构建的微信小程序项目,如何安装npm呢?
npm 直接在项目根路径下,按照平时的习惯创建就可以了,比如我想引入day js

npm i dayjs

但是这种情况下,直接直接用会出错,即使ts提示正常

import dayjs from "dayjs";
const str=dayjs().format('YYYY-MM');

是的,微信开发者工具就是这么傻逼

让微信开发中工具知道npm

注意每次添加包之后,都必须重新开始以下的步骤,跳过步骤一、二就可以了

步骤一:安装自己想要的包

按照开头说的,直接npm i 即可,
注意包最好只依赖js本身,而不依赖浏览器或者nodejs相关的对象,否则会出错

步骤二:添加

项目根路径下找到./project.config.json,在这个位置添加这些:

"packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./miniprogram"
      }
    ],

步骤三:删除

每一次npm构建的时候,都要删除下面这个useCompilerPlugins,构建完毕后再恢复

步骤四:最后

直接构建,构建完毕后,恢复步骤三删除的就可以了!

posted @   Sebastian·S·Pan  阅读(127)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
点击右上角即可分享
微信分享提示