Jiess文档

Appearance

项目实例获取 ​

为方便上手，作者基于主流的前端项目进行了整理，实现了开箱即用

说明

  • 项目的示例仅为基础用法，希望能为实际研发起到参考指引作用

前面我们介绍了Jiess的安装过程，但如果你还是觉得麻烦， 恰好又是重新搭建项目，那么使用作者提供的模板项目肯定是最便捷的

此外，我们还提供了一套深度封装的项目模板，欢迎了解 vue3模板项目

Git 获取实例 ​

目前提供了如下的项目示例，涵盖了大部分主流项目

create-react-app中使用Jiess ​

本实例依赖Jiess基础库，且已在config-overrides.js中使用@jiess/utils/webpack插件

sh
git clone https://gitee.com/wgzimg/jiess-instance-react-app.git

# 启动命令
npm run start

本实例基于customize-cra库对内置的配置进行了小幅的调整

vite-vue3中使用Jiess ​

本实例依赖Jiess基础库，且已在vite.config.js中使用@jiess/utils/vite插件

sh
git clone https://gitee.com/wgzimg/jiess-instance-vite-vue3.git

# 启动命令
npm run dev

nuxt3中使用Jiess ​

本实例依赖Jiess基础库，且已在nuxt.config.js中使用@jiess/utils/nuxt插件

sh
git clone https://gitee.com/wgzimg/jiess-instance-nuxt-vue3.git

# 启动命令
npm run dev

next中使用Jiess ​

本实例依赖Jiess基础库，且已在next.config.js中使用@jiess/utils/webpack插件

sh
git clone https://gitee.com/wgzimg/jiess-instance-react-text.git

# 启动命令
npm run dev

vue-cli3中使用Jiess ​

本实例依赖Jiess基础库，且已在vite.config.js中使用@jiess/utils/webpack插件

sh
git clone https://gitee.com/wgzimg/jiess-instance-cli-vue3.git

# 启动命令
npm run serve

vue-cli2中使用Jiess ​

本实例依赖Jiess基础库，且已在vite.config.js中使用@jiess/utils/webpack插件

sh
git clone https://gitee.com/wgzimg/jiess-instance-cli-vue2.git

# 启动命令
npm run serve

umi4中使用Jiess ​

本实例依赖Jiess基础库，且已在.umirc.ts中使用@jiess/utils/umi插件

sh
git clone https://gitee.com/wgzimg/jiess-instance-react-umi4.git

# 启动命令
npm run dev

react-native中使用Jiess ​

因为不能直接使用web相关的UI框架，所以Jiess基础库暂未对本实例做拓展

sh
git clone https://gitee.com/wgzimg/jiess-instance-react-native.git

# 启动命令web环境
npm run start

react-native中的项目启动，需要根据不同的运行环境而确定

启动运行 ​

获取项目的实例后，还需要安装依赖才可运行

安装依赖 ​

进入到项目根目录执行

sh
npm i
# 或
yarn install

安装依赖后，在命令面板执行相应的启动命令，便可以正常运行

Jiess基础库插件 ​

本插件用于对Jiess基础库的自动安装；若项目存在src，则安装到src/.jiess目录， 否则安装在.jiess目录下；然后根据env环境参数，自动调整入口文件

js
addWebpackPlugin(
	new JiessBase({
		env: 'react16.8'
	})
)

当前指定为react环境，则自动将react入口文件拷贝到基础库根目录

项目启动时，自动检查Jiess基础库是否安装，即检查.jiess目录是否存在， 如果不存在则会从Git拉取； 如果存在，则跳过本次操作