查看默认配置

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

最后更新于