Reagent-Figwheel 项目启动与配置教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00123/article/details/148242994

Reagent-Figwheel 项目启动与配置教程

reagent-figwheel Leiningen template for Reagent applications in Clojurescript with Figwheel. Optionally includes secretary, cljs.test, garden, less, cider, devcards, cljs-devtools, re-risk 项目地址: https://gitcode.com/gh_mirrors/re/reagent-figwheel

1. 项目目录结构及介绍

Reagent-Figwheel 是一个基于 Leiningen 的 ClojureScript 项目模板，它使用 Figwheel 实现了热模块替换（Hot Module Replacement，HMR），使得在开发过程中可以实时看到代码变更后的效果。以下是项目的目录结构及其简要介绍：

reagent-figwheel/
├── project.clj          # Leiningen 项目配置文件
├── src/
│   ├── cljs/            # ClojureScript 源代码目录
│   └── cljc/            # ClojureScript 和 Clojure 共享代码目录
├── resources/
│   ├── public/          # 公共资源目录，如静态文件
│   └── cards.html       # Devcards 的 HTML 入口文件
├── test/
│   └──cljs/             # 测试用例目录
└── .gitignore          # 指定 Git 忽略的文件和目录

2. 项目的启动文件介绍

在 project.clj 文件中定义了项目的依赖、插件以及启动指令。以下是 project.clj 的基本内容：

(defproject reagent-figwheel "0.1.0"
  :dependencies [
    [org.clojure/clojure "1.10.3"]
    [org.clojure/clojurescript "1.10.866"]
    [reagent "1.0.0"]
    [figwheel-sidecar "0.5.18"]
    ; ... 其他依赖
  ]
  :plugins [
    [lein-cljsbuild "1.1.8"]
    [lein-figwheel "0.5.18"]
    ; ... 其他插件
  ]
  :figwheel {
    ; Figwheel 配置
  }
  :cljsbuild {
    ; ClojureScript 编译配置
  }
  ; ... 其他配置
)

要启动项目，通常需要在项目根目录下执行以下命令：

lein figwheel dev

这条命令会启动 Figwheel 的开发模式，实时监听源码变化并自动编译。

3. 项目的配置文件介绍

项目的配置主要集中在 project.clj 文件中，以下是几个关键的配置部分：

dependencies：列出项目依赖的库和版本。
plugins：列出项目使用的 Leiningen 插件，例如 lein-cljsbuild 用于编译 ClojureScript，lein-figwheel 用于热模块替换。
figwheel：配置 Figwheel 的相关参数，如监听的文件、服务器端口等。
cljsbuild：配置 ClojureScript 的编译选项，包括编译的源文件目录、输出目录、编译选项等。

根据项目需求，你可能还需要配置其他参数，例如数据库连接、第三方服务的 API 密钥等。这些配置通常也会在 project.clj 文件中指定。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考