小程序构建 npm 引入框架包以tdesign为例

打开已有项目打开终端 打开终端.png

终端中输入一下命令生成 package.json

 mac@macdeMacBook-Pro  ~/WeChatProjects/miniprogram-5  npm init  

生成packjage.son.png

输入安装包命令(tdesign 为例)

 mac@macdeMacBook-Pro  ~/WeChatProjects/miniprogram-5  npm i tdesign-miniprogram -S --production

iShot2022-04-16 14.31.37.png

修改项目文件project.config.json 修改下面代码

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

iShot2022-04-16 14.55.06.png

点击工具 --> 构建npm 生成 --> miniprogram_npm文件夹

iShot2022-04-16 14.59.06.png

注意：注意修改配置文件下的代码，否则构建的时候会出现如下报错

没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmMa