> For the complete documentation index, see [llms.txt](https://mixlabs.gitbook.io/dfinitytutorials/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mixlabs.gitbook.io/dfinitytutorials/si-.-jiao-cheng/8.-zi-ding-yi-qian-duan/cha-kan-mo-ren-pei-zhi.md).

# 查看默认配置

在修改代码前，让我们看一下dfx.json中默认的前端配置。‌

查看dfx.json配置步骤：‌

1. 编辑器中打开dfx.json
2. 注意到canister下包含了custom\_greeting\_assets的配置

   ```
   {
     "canisters": {
       ...

       "custom_greeting_assets": {
         "dependencies": [
           "custom_greeting"
         ],
         "frontend": {
           "entrypoint": "src/custom_greeting_assets/src/index.html"
         },
         "source": [
           "src/custom_greeting_assets/assets",
           "dist/custom_greeting_assets/"
         ],
         "type": "assets"
       }
     }
   }
   ```

   配置项解析

   * 项目的前端资源会编译到自己的canister，在这里被称为 `custom_greeting_assets`.
   * 资源默认依赖于项目的主Canister。
   * frontend.entrypoint指定了一个文件的路径-这里是index.html文件-作为项目入口使用。如果你希望有一个不同的入口文件-例如，自定义的first-page.html文件-你可以修改这一项。
   * source设置指定了src和dist目录。src指定了构建项目时会包含到资源canister的静态资源目录。如果你有CSS或JavaScript文件，你可以把这些文件放在这个目录。构建完项目后，项目资源会保留在dist项指定的目录
   * type配置指定了custom\_greeting\_assets是一个资源canister而不是程序canister

   这篇教程中，我们会在一个index.jsx文件中添加React JavaScript，无需对dfx.json文件进行修改。
3. 关闭dfx.json文件继续。

​