1703879496
1703879497
1703879498
1703879499
还可以创建一个对象，其中包含一个和这里类似的创建方法。这对于想发布一个包来创建客户端的人来说实在太棒了！
1703879500
1703879501
3.truffle的默认构建器
1703879502
1703879503
truffle提供了truffle-default-builder npm包——在truffle中称为默认构建器（default builder）。该构建器导出一个对象，该对象有一个build方法，它的工作方式与之前提到的方法完全一样。
1703879504
1703879505
默认构建器可用于为DApp创建一个网络客户端，其服务端只服务于静态文件，所有功能都在前端。
1703879506
1703879507
在进一步了解如何使用默认构建器之前，首先用如下命令进行安装：
1703879508
1703879509
1703879510
1703879511
1703879512
现将配置文件修改如下：
1703879513
1703879514
1703879515
1703879516
1703879517
默认构建器可使用户完全掌控组织客户端文件和文件夹的方法。
1703879518
1703879519
该配置用文件、文件夹和文件数组这些构成目标值（targets）的内容（右侧）描述目标值（左侧）。每个目标值将通过处理右侧的文件产生，要进行文件扩充、把结果连接在一起，然后保存结果文件（即目标值）到创建目的地。这里，字符串（而非数组）在右侧指明，且那个文件将被处理（如果有需要），然后被直接复制。如果字符串结尾是“/”，就被翻译为目录，不对该目录进行任何处理直接复制。右侧指明的所有路径都与app/目录有关。
1703879520
1703879521
可以随时修改该配置和目录结构。比如不需要有JavaScript和stylesheets目录，但是请确保相应修改了配置。
1703879522
1703879523
1703879524
如果希望默认构建器在Web应用前端整合truffle，就要确保有一个创建目标（叫作app.js），默认构建器可以对其附加代码。它不会将truffle与其他任何文件名整合。
1703879525
1703879526
默认构建器的功能如下：
1703879527
1703879528
·自动将已编译合约artifact、已部署合约信息和以太坊节点配置导入客户端源代码。
1703879529
1703879530
·包括受推荐的相关程序，包括web3和truffle-contract。
1703879531
1703879532
·编译ES6和JSX文件。
1703879533
1703879534
·编译SASS文件。
1703879535
1703879536
·最小化asset文件。
1703879537
1703879538
1703879539
可以使用truffle watch命令，监听合约目录、应用目录和配置文件的变化。如有变化，它就重新编译合约，并生成新的artifact文件，然后重新创建客户端。但是它不进行移植和测试。
1703879540
1703879541
4.创建客户端
1703879542
1703879543
现在为DApp编写一个客户端，并使用truffle的默认构建器创建客户端。首先，在前面做好的配置中创建文件和目录：创建一个app目录，在里面创建一个index.html文件和两个目录（分别称为JavaScript和styelsheets）。在JavaScript目录中，创建index.js文件。在stylesheets目录中，下载并放入Bootstrap 4的CSS文件。详见https://v4-alpha.getbootstrap.com/getting-started/downloads/#bootstrap-css-and-js。
1703879544
1703879545
在index.html文件中，添加如下代码：