Portfolio MitchellVDHut.com投资组合React项目管理工具

React 项目的启动脚本写得比较清楚,开发、测试、构建、eject 几个流程都有配好,拿来就能用。

用的是标准的yarn start开发方式,打开浏览器就能看效果,改代码还能自动刷新,开发体验挺顺的。

yarn test用来跑测试,交互式的测试运行模式,还能顺手看日志和报错,对调试蛮大。

构建环节用的是yarn build,最终打包后的文件会被优化压缩,文件名还会带哈希值,部署上线也省心。

想深入自定义配置的话,可以用yarn eject把隐藏的构建依赖全抛出来,比如webpackBabelESLint这些。但注意,一旦执行就不能反悔,除非你已经摸清楚整个构建链的套路。

如果你对React + Webpack那套配置还不熟,可以先看看React + Webpack + Babel 教程,或者用eslint-react-boilerplate那种模板起手,比较省事。

zip 文件大小:1.1MB