interface RuleSetRule { test?: any; use?: RuleSetUse; } type RuleSetUse = | RuleSetUseItem | RuleSetUseItem[] | ((data: any) => RuleSetUseItem | RuleSetUseItem[]); type RuleSetUseItem = | string | RuleSetLoader | ((data: any) => string | RuleSetLoader); interface RuleSetLoader { /** * Loader name */ loader?: string; /** * Loader options */ options?: RuleSetQuery; /** * Unique loader identifier */ ident?: string; /** * Loader query */ query?: RuleSetQuery; } type RuleSetQuery = string | { [k: string]: any }; const hoge: RuleSetRule = { test: /.(png|jpe?g|gif|svg|webp)$/i, use: [ { loader: "url-loader", options: { limit: 1000, name: "[path][name].[ext]" } } ] }; console.log(hoge.use[0]); //error
上記コードでhoge.use
下にアクセスしたいですが、hoge.use[0]
だと
typeエラーが発生しました。(SyntaxError: Unexpected identifier)
type RuleSetUse = | RuleSetUseItem | RuleSetUseItem[] | ((data: any) => RuleSetUseItem | RuleSetUseItem[]);
おそらくこのtypeに合わせたアクセス方法が必要だと思いますが、tsの知識不足で
上記typeを見てどのようにアクセスすればよいかわからず
こちらに質問いたします。
最終的にやりたいのは
hoge -> use[] -> options -> limitにアクセスしたいです。
何か良い方法がありましたらご教示いただけますでしょうか
あなたの回答
tips
プレビュー