如何在Yew构建阶段统计文件总数并传入WebAssembly？

• 完全可行，浏览器环境本身就限制了直接访问本地文件系统，预编译阶段生成数据是解决这个问题的正确思路。

• 推荐采用独立脚本生成代码文件的方案，具体步骤如下：

  1. 编写一个脚本（Rust、Python均可，选你顺手的），遍历目标目录，收集轮播所需的图片路径或其他信息。
  2. 将收集到的数据格式化为Rust代码，直接生成包含静态HashMap的文件，比如src/generated/chapter_state.rs。示例生成代码：

     use std::collections::HashMap;
     
     pub static CHAPTER_STATE: HashMap<&'static str, &'static str> = HashMap::from([
         ("chapter_1", "/static/images/ch1/banner.jpg"),
         ("chapter_2", "/static/images/ch2/cover.jpg"),
         // 更多目录条目...
     ]);
     

  3. 在Yew项目中添加build.rs构建脚本，让它在编译前自动运行生成脚本，确保每次编译都能获取最新的目录数据。示例build.rs：

     fn main() {
         // 运行Rust生成脚本的示例
         std::process::Command::new("cargo")
             .arg("run")
             .arg("--bin=generate_chapter_state")
             .status()
             .expect("Failed to generate chapter state");
         
         // 监听图片目录变化，变动时触发重新构建
         println!("cargo:rerun-if-changed=./static/images");
     }
     

  4. 在Yew组件中直接引入生成的常量即可使用：

     mod generated;
     use generated::CHAPTER_STATE;
     
     // 组件内直接读取CHAPTER_STATE的数据渲染轮播
     

• 关键注意点：

  • 生成的HashMap字符串要使用'static生命周期，避免Wasm运行时出现生命周期错误。
  • 利用build.rs的rerun-if-changed指令，确保图片目录更新时自动重新生成数据。
  • 若用Rust写生成脚本，可直接借助std::fs模块遍历目录，无需依赖外部语言，更贴合Rust项目生态。

内容的提问来源于stack exchange，提问作者Jose A