关于在app.config.ts/js里配置usingComponents的解决方案

[tom-hanks]

大家直接在app.config.ts或者app.config.js里写如下代码

export default defineAppConfig({
  pages: [
    'pages/chat/chat',
    'pages/index/index',
  ],
  window: {
    backgroundTextStyle: 'light',
    navigationBarBackgroundColor: '#fff',
    navigationBarTitleText: 'WeChat',
    navigationBarTextStyle: 'black'
  },
  usingComponents: Object.assign({
    iconfont: `components/iconfont/${process.env.TARO_ENV}/${process.env.TARO_ENV}`,
  })
})

usingComponents和window同级，引入的话不要引入helper文件，会报错的，，直接在这里配置 iconfont: components/iconfont/${process.env.TARO_ENV}/${process.env.TARO_ENV}, 完美解决

[timerlau]

taro4.1.1 版本

app.config.ts 中，下面这样写也可以，但不知道与 Object.assign 有什么区别。

usingComponents: { iconfont:components/iconfont/${process.env.TARO_ENV}/${process.env.TARO_ENV}, },

[snowrain0722]

Taro4.1.9下生成直接引用这个文件了：

/* tslint:disable */
/* eslint-disable */

import React, { FunctionComponent } from 'react';

export type IconNames = 'backspace';

export interface IconProps {
  name: IconNames;
  size?: number;
  color?: string | string[];
  style?: React.CSSProperties;
}

const IconFont: FunctionComponent<IconProps> = () => {
  return null;
};

export default IconFont;