Ethereum Webpack Example Dapp 使用教程

Ethereum Webpack Example Dapp 使用教程

ethereum-webpack-example-dappTemplate for Ethereum (Solidity) smart contract decentralized app (dapp) and test suite with Webpack.项目地址:https://gitcode.com/gh_mirrors/et/ethereum-webpack-example-dapp

1. 项目的目录结构及介绍

ethereum-webpack-example-dapp/
├── client/
├── contract/
├── static/
├── test/
│   └── contract/
├── .babelrc
├── .editorconfig
├── .gitignore
├── .travis.yml
├── LICENSE
├── README.md
├── ethereum-plus-webpack.png
├── index.html
├── index.js
├── mocha-webpack.opts
├── package.json
├── webpack.config.js
└── webpack.config.test.js

• client/: 前端代码目录。
• contract/: 智能合约代码目录。
• static/: 静态文件目录。
• test/contract/: 智能合约测试代码目录。
• .babelrc: Babel 配置文件。
• .editorconfig: 编辑器配置文件。
• .gitignore: Git 忽略文件配置。
• .travis.yml: Travis CI 配置文件。
• LICENSE: 项目许可证。
• README.md: 项目说明文档。
• ethereum-plus-webpack.png: 项目图标。
• index.html: 项目入口 HTML 文件。
• index.js: 项目入口 JavaScript 文件。
• mocha-webpack.opts: Mocha Webpack 配置文件。
• package.json: 项目依赖和脚本配置文件。
• webpack.config.js: Webpack 主配置文件。
• webpack.config.test.js: Webpack 测试配置文件。

2. 项目的启动文件介绍

• index.html: 项目的入口 HTML 文件，包含基本的 HTML 结构和加载 JavaScript 文件的脚本。
• index.js: 项目的入口 JavaScript 文件，负责初始化智能合约并与之交互。

3. 项目的配置文件介绍

• package.json: 包含项目的依赖、脚本和其他元数据。例如：

  {
    "name": "ethereum-webpack-example-dapp",
    "version": "1.0.0",
    "description": "Template for Ethereum (Solidity) smart contract decentralized app (dapp) and test suite with Webpack",
    "main": "index.js",
    "scripts": {
      "test": "mocha-webpack --opts mocha-webpack.opts"
    },
    "author": "U-Zyn Chua",
    "license": "MIT",
    "dependencies": {
      "solc": "^0.8.0",
      "web3": "^1.0.0-beta.34",
      "webpack": "^4.41.2"
    },
    "devDependencies": {
      "mocha": "^6.2.2",
      "mocha-webpack": "^2.0.0-beta.0"
    }
  }
  

• webpack.config.js: Webpack 主配置文件，定义了如何打包项目的前端资源。

• webpack.config.test.js: Webpack 测试配置文件，用于打包测试代码。

以上是基于开源项目 ethereum-webpack-example-dapp 的教程，涵盖了项目的目录结构、启动文件和配置文件的介绍。希望对你有所帮助！

ethereum-webpack-example-dappTemplate for Ethereum (Solidity) smart contract decentralized app (dapp) and test suite with Webpack.项目地址:https://gitcode.com/gh_mirrors/et/ethereum-webpack-example-dapp