前言
shiva-starter 是一个基于 webpack 的全方位前端工程化解决方案，提供了包括开发、测试、打包、部署等一系列的完整流程，让前端工程师更加轻松地开发出高质量的项目。
在本文中，我们将为大家详细介绍如何使用 shiva-starter 进行前端开发，并且带领大家一步步完成一个简单的 React 项目的开发、测试和部署。
安装
安装 shiva-starter 非常简单，只需要在命令行中执行以下命令即可：
--- ------- -- -------------
创建项目
执行以下命令，创建一个名为 my-app 的项目：
------------- ------ ------
此时我们就创建了一个基于 shiva-starter 的 React 项目。
开发
进入项目目录，在终端中执行以下命令启动本地服务器：
--- -----
此时你会在浏览器中看到一个简单的 Hello World 页面，这就是我们刚刚创建的 React 项目。
你可以在 src/app.js 中修改代码，并且立刻将页面刷新查看修改后的效果。
测试
在 shiva-starter 中，我们使用 Jest 和 Enzyme 进行测试，它们都已经预先配置好了。所有的测试文件都放在项目根目录下的 __tests__ 目录中。
在终端中执行以下命令，即可进行测试：
--- ----
你可以在 __tests__/app.test.js 中看到一个简单的测试用例，你也可以添加你自己的测试用例来保证项目质量。
打包
在终端中执行以下命令，即可将项目打包为静态文件：
--- --- -----
此时，你会在项目根目录下的 build 目录中看到生成的静态文件。
部署
将打包后的静态文件上传到服务器上即可完成部署。你也可以使用 shiva-starter 内置的部署方式，只需要修改 shiva.config.js 配置文件中的 outputDir 和 publicPath 两个参数，即可使用 shiva-starter 内置的部署方式进行部署。具体的操作可以参考 shiva-starter 文档中的说明。
结尾
通过本文的介绍，相信大家已经初步掌握 shiva-starter 的使用方法。shiva-starter 提供了完整的工程化解决方案，让前端工程师的开发效率更高，项目的质量更高。使用 shiva-starter 进行前端开发，将是你实践前端技术的绝佳选择。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600557ee81e8991b448d5019