如何正确引入和使用wxs文件?



  • 如何正确引入和使用wxs文件?

    项目中需要在weapp中引入wxs
    13525880-021a-4488-9d4a-9c02d8bdeaf9-image.png
    在模拟器调试的时候发现在wxs方法内部拿不到instance
    416c8580-36ce-4726-8fe5-66afe960e9ec-image.png
    如上图:
    在微信小程序模拟器中打印结果为undefined;
    查看编译结果,taro直接把wxs文件编译成了js模块:
    55aad30b-ec5a-46d0-98ab-9a0aa754bbaf-image.png

    因为才开始接触taro,所以不明白这里的使用方式是不是有问题。
    请各位大佬出手相助!



  • <wxs module='move' src='./move.wxs'></wxs>
    <View className="block" onTouchstart="{{move.touchstart}}" />
    

    要这样引入,另外如果taro没有把wsx打包进dist目录的话,还要在config copy下配置把wxs复制到dist目录

     copy: {
        patterns: [
          { from: 'src/components/commonName/move.wxs', to: 'dist/components/commonName/move.wxs' }
        ]
    }
    

登录后回复