微信小程序引用TDesign前端组件

原创 freeguy  2023-03-05 21:15:58  阅读 2429 次 评论 0 条

1、在开发工具的调试区,切换到终端,运行:npm init,一路回车,完成package.json的创建

2、运行:npm i tdesign-miniprogram -S --production,安装成功后可以在文件区域看到多了一个node_modules

3、在菜单:工具->构建npm,构建成功后在文件区域会多了一个miniprogram_npm的文件夹

4、全局引入,就修改app.json,用哪个组件就引入哪个组件,例如:

"usingComponents": {

    "t-button": "tdesign-miniprogram/button/button",

    "t-button-group": "tdesign-miniprogram/button-group/button-group"

  },

  ( 如果只是页面中使用,可以在页面的.json里引入)

  5、将 app.json 中的 "style": "v2" 移除。

  6、修改project.config.json,增加:

  "packNpmManually": true,

  "packNpmRelationList": [

  {

    "packageJsonPath": "./package.json",

    "miniprogramNpmDistDir": "./miniprogram/"

  }


本文地址:http://freedeman.top/?id=15
版权声明:本文为原创文章,版权归 freeguy 所有,欢迎分享本文,转载请保留出处!

评论已关闭!