vue3-quickstart-cli/dist/plugins/router.js

一个用于快速创建 Vue3 项目的脚手架工具。

import path from 'path';
import fs from 'fs-extra';
import chalk from 'chalk';
const plugin = {
    name: 'router',
    apply(targetDir, pkg) {
        pkg.dependencies['vue-router'] = '^4.3.0';
        const routerDir = path.join(targetDir, 'src/router');
        fs.ensureDirSync(routerDir);
        fs.writeFileSync(path.join(routerDir, 'index.ts'), `import { createRouter, createWebHistory } from 'vue-router';
import Home from '../App.vue';

const routes = [
  { path: '/', name: 'Home', component: Home }
];

const router = createRouter({
  history: createWebHistory(),
  routes
});

export default router;
`);
        const mainTs = path.join(targetDir, 'src/main.ts');
        const mainJs = path.join(targetDir, 'src/main.js');
        let mainPath = fs.existsSync(mainTs) ? mainTs : mainJs;
        if (fs.existsSync(mainPath)) {
            let mainCode = fs.readFileSync(mainPath, 'utf-8');
            if (!mainCode.includes("import router from './router'")) {
                mainCode = mainCode.replace(/(import App from .+;\n)/, `$1import router from './router';\n`);
            }
            if (!mainCode.includes('app.use(router)')) {
                mainCode = mainCode.replace(/(const app = createApp\([^)]*\);?\n)/, `$1\napp.use(router);\n`);
            }
            fs.writeFileSync(mainPath, mainCode, 'utf-8');
        }
        console.log(chalk.green('已集成 Vue Router！'));
    }
};
export default plugin;