前言
在前端开发中，React 已经成为了很多工程师的选择。然而，随着项目越来越复杂，SPA（Single Page Application）逐渐成为了主流。为了更加方便地创建基于 React 的 SPA 工程项目，现在有很多工具可以使用，其中之一就是 tiny-react-spa。
tiny-react-spa 是一个轻量级的 npm 包，能够快速创建出一个基于 React 的 SPA 工程项目。本篇文章主要介绍如何使用 tiny-react-spa。
安装
首先需要在本地安装 Node.js，如果你还没有安装可以从 Node.js 的官网下载并安装。
然后在命令行中运行以下命令：
npm install -g tiny-react-spa
这样，tiny-react-spa 就安装成功了。
使用
创建工程项目
在命令行中运行以下命令：
tiny-react-spa my-app cd my-app npm start
这样，就会创建一个名为 my-app 的工程项目，并且自动安装和启动所需要的依赖库。
目录结构
使用以上命令创建出的工程项目，目录结构如下：
-- -------------------- ---- -------
------
--- ------------
--- ------
--- --- -----------
--- --- ----------
--- --- -------------
--- ---------
--- ---
--- ------
--- -----------
--- --------
--- --------
--- ---------其中 public 文件夹是公共文件，存放在该文件夹下的文件都会被打包时复制至输出目录（默认为 build 文件夹）。src 文件夹存放着主要的代码。
开始开发
打开代码编辑器，进入 my-app 目录，编辑 src/App.js，根据自己的需求修改代码，然后重新启动项目。命令行中运行：
npm start
现在你就可以在浏览器中看到修改后的效果了。
构建
当需要将项目打包为生产环境可用的代码时，运行以下命令：
npm run build
这样，就会生成一个 build 文件夹，其中包含了打包后的代码。
总结
本篇文章主要介绍了如何使用 tiny-react-spa 来快速创建一个基于 React 的 SPA 工程项目，并且通过详细的步骤和说明来帮助初学者更好的上手使用。希望对大家有所帮助，谢谢阅读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056bda81e8991b448e5823