Music Player React入门项目
React 的入门项目里，music-player算是比较顺手的一个。用的是 Create React App 引导，脚手架干净利索，跑起来就一个字：快。项目结构清爽，改点东西马上就能看到效果，适合边学边调试。
开发模式的启动也挺直接，yarn start跑一下，浏览器就打开了。页面热更新，改代码不用手动刷新，配合控制台的报错提示，效率还挺高。
测试也没落下，yarn test一跑，交互式的测试模式就上来了。对初学者或者想搞清楚测试流程的人来说，这种方式比较友好，手把手地带你熟悉流程。
生产环境构建也规范，用yarn build生成的内容都自动压缩了，文件名带哈希，部署直接甩到服务器就行，基本不用再操心优化。
eject那个操作得小心点，一旦执行就回不去了。如果你不打算深度定制 webpack 配置，建议先别碰。等熟练了再折腾也不迟。
对了，如果你想了解更多和 webpack 相关的内容，像是怎么构建 PWA、做框架定制，也可以看看这些链接：
如果你刚开始搞 React，想找个上手快、配置省心的项目来练手，music-player是个不错的选择。前提是你对 Create React App 的那套还没看腻哦。
文件大小：388.06KB
评论区