taro中别名引入路径

在taro开发中,我们有时候会碰到路径前缀很长的,这个时候我们就需要配置一下别名引入路径
1.在config/index.js文件中配置

 const path = require('path');
 alias: {
    '@': path.resolve(__dirname, '..', 'src'),
  },

具体如下:
在这里插入图片描述

2.在tsconfig.json文件中配置

   "paths": {
      "@/*": ["./src/*"]
    }

具体如下图:
在这里插入图片描述

3.然后重启下项目,接着就可以在项目中用别名引入路径了,如下:
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用:在使用Taro引入Vant Weapp的过程,首先需要将Vant-weapp的源码克隆到本地,可以通过以下命令进行克隆:git clone https://github.com/youzan/vant-weapp.git。然后,将克隆下来的dist目录下的文件拷贝到项目的/src/components/vant-weapp目录下。 引用:另一种方法是通过在Taro项目的/src/components目录下新建一个vant-weapp文件夹,然后从GitHub上下载Vant-weapp的文件包,将dist文件夹下的内容复制到新建的vant-weapp文件夹。这样就完成了Vant Weapp在Taro引入。 引用:在Taro进行局部引入Vant Weapp组件的话,需要在页面的脚本文件进行引入配置。可以在页面的definePageConfig函数的usingComponents字段添加要引入的Vant Weapp组件的路径。例如,使用以下代码引入按钮组件、地区选择组件和弹出层组件: export default definePageConfig({ usingComponents: { 'van-button': '@vant/button/index', 'van-area': '@vant/area/index', 'van-popup': '@vant/popup/index' } }); 这样就完成了在Taro引入Vant Weapp的配置。 综上所述,要在Taro引入Vant Weapp,可以通过将Vant-weapp源码克隆到本地并拷贝到项目,或者通过在项目新建vant-weapp文件夹并复制文件包内容的方式来引入。另外,还可以使用局部引入的方式,在页面的脚本文件进行组件的引入配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Taro 引入 vant](https://blog.csdn.net/fth1002853070/article/details/127568998)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [Taro引入vant Weapp的方法](https://download.csdn.net/download/weixin_38502762/14046019)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值