什么是 yoshi？
yoshi 是一款前端框架，它主要用于构建 Web 应用。它使用了 React、Redux、React Router 等一系列前端技术栈，并且集成了 Webpack、Babel 和 ESLint 等一些开发工具。yoshi 可以让你快速地创建一个现代化的 Web 应用，而不必手动配置或了解太多的技术细节。
安装 yoshi
使用 yoshi 需要先安装 Node.js 和 npm。如果你已经安装了这些工具，那么可以直接使用以下命令进行 yoshi 的安装：
npm install -g yoshi
创建 yoshi 应用
安装完成后，我们可以使用以下命令创建一个 yoshi 应用：
yoshi create my-app
其中，my-app 是你的应用名称。yoshi 会自动完成应用的初始化和安装依赖的过程。
运行 yoshi 应用
创建完 yoshi 应用之后，我们可以使用以下命令启动它：
cd my-app npm start
这将启动一个本地服务器，并在默认端口 http://localhost:3000/ 上展示你的应用。
构建 yoshi 应用
如果需要在生产环境下部署 yoshi 应用，我们可以使用以下命令构建它：
npm run build
这将生成一个可部署的文件夹 dist，里面包含了你的应用代码和资源。
使用 yoshi 插件
yoshi 提供了许多插件，可以帮助你更方便地构建 Web 应用。例如，我们可以使用以下命令安装 yoshi-app-component-loader 插件：
npm install yoshi-app-component-loader --save-dev
然后，在项目根目录下创建一个名为 yoshi.config.js 的文件，内容如下：
module.exports = {
plugins: ['yoshi-app-component-loader'],
};现在，我们已经成功地启用了 yoshi-app-component-loader 插件。这个插件可以将所有的 React 组件转换成按需加载的形式，从而优化应用的加载速度。
总结
yoshi 是一款强大的前端框架，可以帮助我们快速构建现代化的 Web 应用。通过本文，我们了解了 yoshi 的安装、创建、运行、构建和插件使用方法。希望这篇文章能够帮助你更好地学习和使用 yoshi。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f05390b403f2923b035be9c