ssm 项目cannot resolve package_前端工程化之创建项目

前言

在我们团队，刚开始创建项目，是直接使用框架的 cli 进行创建项目，并修改相关配置。随着项目的增多，沉淀了两套模板，平台端及移动端。后来，我们自己写了一个简单的 cli，并提供了 create 及 lint 命令。但由于模板的问题，一直没有派上用场。
最近，我们正在进一步完善团队的基础设施。因此，期望将创建项目的功能独立出来，并做得更加简单易用。

实现方案

目前社区主流的创建项目主要有两种方案。一种是集成在 cli 当中，全局安装后进行创建项目，另外一种是使用 npm 或 yarn 提供的 create 方案，这也是我们这次选择的方案。
使用方式如下：

$ npm init company-app [appName]
or
$ yarn create company-app [appName]

一般是执行 create 命令后，输入项目名称及选择相应模板即可创建项目。在我们的团队，是有约定项目命名 admin 结尾为平台端项目，mobile 结尾为移动端项目。因此，可以通过判断输入的目录名称判断是否可以直接自动选择模板。

梳理下来的方案流程图如下：

技术选型

在确定我们的方案后，通过阅读社区的一些相关项目源码，了解到在命令行及其交互方面，是有挺多的选择的。在了解相关类库后，可以通过 NPM Trends 可以查询相关类库的下载量、stars、forks、issues、updated、created、size 等数据比较。

命令行相关类库比较：

命令行交互相关类库比较：

在类库选择方面，这次我们的主要考量因素有：主流、维护情况好、体积小。因此，命令行类库选择了 commander、prompts。
另外，还使用 chalk 做命令行文案样式处理、cross-spawn 做跨平台执行命令、@zeit/ncc 来打包构建项目。
值得一提的是，@zeit/ncc 会将整个项目及相关依赖打包成一个文件。这使得我们的创建项目时，非常快速。因为只需要安装一个包，而无需对包相关的依赖进行分析、下载、执行等。

代码实现

1. 初始化项目，并安装依赖。
   目录结构如下：

├── src
│   ├── create/              # create 逻辑目录
│   ├── utils/               # 工具函数目录
│   └── index.ts             # 命令入口
├── templates/               # 模板目录
├── package.json

└── tsconfig.json

package.json 如下：

{
    "name": "create-company-app","version": "0.0.1","description": "Create apps with one command","bin": {
    "create-company-app": "./dist/index.js"
  },"files": ["dist"
  ],"scripts": {
    "clean": "rimraf ./dist/","dev": "yarn run clean && ncc build ./src/index.ts -o dist/ -w","build": "yarn run c