使用工具

除了 Web 应用框架的脚手架之外，Origin.js 还集成了如下工具：

• Webpack 到 Vite 的转换工具
• Vue 2 升 Vue 3 的迁移工具

Webpack 转换 Vite

你可以使用 webpack-to-vite 工具，对 Webpack 项目一键转换到 Vite 项目。该工具展示详细的迁移信息，协助迁移顺利进行。

使用指令进行转换：

ori tovite [options]

指令选项

-v, --version            显示版本号
-d --rootDir <path>      要转换的项目目录
-t --projectType <type>  项目类型，传入 vue-cli 或 webpack（默认：vue-cli）
-e --entry <type>        整个构建过程的入口，webpack 或 vite 会从那些入口文件开始构建，如果没有指定入口文件，则默认使用 src/main.ts 或 src/main.js
-h, --help               显示指令帮助信息

更多内容将在 webpack-to-vite (opens new window) 中介绍。

Vue2 升级 Vue3

Origin.js 提供 vue-codemod 工具，支持 Vue 2 项目到 Vue 3 项目的一键转换。工具能够将绝大多数 Vue 2 语法直接升级成 Vue 3 语法，配合少量的手动修改完成 Vue 2 到 Vue 3 的平滑迁移。

使用指令进行转换：

ori tovue3 [options]

指令选项

-t, --transformation        需要转换的模块的名称或路径 [string]
-p, --params                自定义参数配置转换
-a, --runAllTransformation  对所有模块进行转换       [boolean]
-f, --reportFormatter       指定输出转换报告的格式
                                 [string] [default: "detail"]
-h, --help                  显示指令帮助信息         [boolean]
-v, --version               显示版本号               [boolean]

更多内容将在 vue-codemod (opens new window) 中介绍。