fe-core-cli/templates/fast-vue3-lib/cli/src/service/init-component.ts

All-in-one scaffolding, cli integrated with Vue3 ecological chain, cli of H5 page, mock template cli of Node

import { ComponentInfo } from '../domain/component-info'
import fs from 'fs'
import * as path from 'path'
import { indexTemplate, sfcTemplate, tsxTemplate, typesTemplate } from '../util/template-utils'
import { g } from '../util/log-utils'
import { execCmd } from '../util/cmd-utils'

// const updatePackageJson = (componentInfo: ComponentInfo) => {
//   const { lineName, fullPath, nameWithLib } = componentInfo
//   const packageJsonPath = `${fullPath}/package.json`
//   if (fs.existsSync(packageJsonPath)) {
//     let content = fs.readFileSync(packageJsonPath).toString()
//     content = content.replace(lineName, nameWithLib)
//     fs.writeFileSync(packageJsonPath, content)
//   }
// }

const createSrcIndex = (componentInfo: ComponentInfo) => {
  let content = ''
  if (componentInfo.type === 'vue') {
    content = sfcTemplate(componentInfo.lineNameWithPrefix, componentInfo.lowCamelName)
  } else {
    content = tsxTemplate(componentInfo.lineNameWithPrefix, componentInfo.lowCamelName)
  }
  const fileFullName = `${componentInfo.fullPath}/src/${componentInfo.lineName}.${componentInfo.type}`
  fs.writeFileSync(fileFullName, content)
}

const createSrcTypes = (componentInfo: ComponentInfo) => {
  const content = typesTemplate(componentInfo.lowCamelName, componentInfo.upCamelName)
  const fileFullName = `${componentInfo.fullPath}/src/types.ts`
  fs.writeFileSync(fileFullName, content)
}

const createIndex = (componentInfo: ComponentInfo) => {
  fs.writeFileSync(`${componentInfo.fullPath}/index.ts`, indexTemplate(componentInfo))
}

/**
 * 创建组件目录及文件
 */
export const initComponent = (componentInfo: ComponentInfo) =>
  new Promise((resolve, reject) => {
    if (fs.existsSync(componentInfo.fullPath)) {
      return reject(new Error('组件已存在'))
    }

    // 1. 创建组件根目录
    fs.mkdirSync(componentInfo.fullPath)

    // 2. 初始化 package.json -- 不需要创建一个package.json
    execCmd(`cd ${componentInfo.fullPath}`)
      .then(() => {
        // 3. 修改 package.json
        // updatePackageJson(componentInfo)

        // 4. 安装 utils 依赖
        // execCmd(`cd ${componentInfo.fullPath} && pnpm install @${Config.COMPONENT_LIB_NAME}/utils`)

        // 5. 创建组件 src 目录
        fs.mkdirSync(path.resolve(componentInfo.fullPath, 'src'))

        // 6. 创建 src/xxx.vue 或s src/xxx.tsx
        createSrcIndex(componentInfo)

        // 7. 创建 src/types.ts 文件
        createSrcTypes(componentInfo)

        // 8. 创建 index.ts
        createIndex(componentInfo)

        g('component init success')

        return resolve(componentInfo)
      })
      .catch((e) => {
        return reject(e)
      })
  })