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

打开已有项目打开终端

image

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

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

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

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

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

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

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

image

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

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

作者：XM_Dong
链接：https://www.jianshu.com/p/0737d8597d36
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容