查看默认配置

在修改代码前，让我们看一下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文件继续。

​