React音乐播放器前端项目
音乐播放器的前端项目，用的是Create React App打底，整体结构比较清晰，上手也快。开发的时候直接一个npm start就能跑起来，页面会自动热更新，改个样式、调个交互都能秒看到效果，挺适合前期快速搭建原型。
开发模式的体验还不错，控制台报错信息也挺清晰，比如有语法问题或者格式不对，立马就能看到提示，省得你来回排查。测试部分也接好了，用npm test就能进到测试监视模式，适合边写边测。
项目构建用的是标准的 CRA 打包流程，npm run build一键打包后直接就能部署。文件也做了优化，体积比较小，文件名还带 hash，适合线上跑得久一点的项目。
另外如果你想自己定制构建配置，比如改下 webpack 插件、加个 alias 之类的，也可以npm run eject，不过注意哦，这一步是不可逆的，一旦 eject 就回不去了，要自己维护那些依赖。
如果你还不太熟 CRA，可以看看这篇CreateReactApp with TypeScript A Beginner’s Guide，讲得挺清楚的，顺带还能学点 TypeScript 的入门技巧。
整体来说，适合用来做一些音乐类的小工具项目，比如音乐播放器、歌词展示或者音乐资源管理页面。如果你打算做点可复用的 React 组件，推荐顺手看看这个example-rollup-react-component，结构也蛮清爽的。
哦对了，如果你还在配置 webpack 的坑里挣扎，可以瞄一下webpack-react-start，一步步从 0 搭也不难，适合喜欢掌控细节的你。
如果你想更快搭建项目，推荐搭配这个react-app-start，可以直接省去初始化配置那一堆麻烦事。
文件大小：200.33KB
评论区