一个 构建公共组件平台的 脚手架

github link

• github 地址 (opens new window)

• npm 地址 (opens new window)

• 示例 (opens new window)

示例

实现方式

• 创建一个 入口文件 my-cli.js，设置命令行参数解析和逻辑处理，添加三个命令 init dev build

  • init，依次执行以下方法，构建公共组件平台的项目代码

    • createDirectory 创建 components-page 目录

    • copyBaseFiles 复制 package.json 、 全局 scss 文件到 components-page 目录下

    • generatePages 将 src/components 下的组件生成对应的页面文件

    • createAppFile 创建 App.jsx 文件，这个文件生成了页面布局，和路由

    • createMainFile 创建 main.jsx 文件

    • createHtmlFile 创建 index.html 文件

    • createHtmlFile 创建 index.html 文件

    • createViteConfig 创建 vite.config.js 文件

    • createStylesFile 创建 styles.scss 文件，这里生成的是公共组件平台的样式文件

• dev，先执行 yarn install 安装需要的依赖，再执行 yarn dev 本地启动公共组件平台

• build，执行 yarn build 执行打包命令