15、去中心化音乐社交应用开发全流程指南

去中心化音乐社交应用开发全流程指南

1. 环境搭建

在完成 Webpack 安装后，需安装 Babel 相关依赖。Babel 可与 Webpack 协同工作，将 JavaScript 文件转换为最新版本，以确保各浏览器都能兼容新的 JavaScript 功能。安装命令如下：

npm i -S @babel/core @babel/preset-env @babel/preset-react babel-loader

由于项目将使用 React.js，还需进行安装：

npm i -S react react-dom

2. Webpack 配置

创建 webpack.config.js 文件，指定 JavaScript 文件的处理方式及合并后文件的部署位置。在 dapp/ 文件夹根目录创建该文件，配置如下：

const path = require('path')
module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.join(__dirname, 'dist')
    },
    module: {
        rules: [