feat: 添加eject功能

lib/core/index.js

@@ -61,6 +61,7 @@ class Feflow {
     require('../internal/install')(this);
     require('../internal/build')(this);
     require('../internal/lint')(this);
+    require('../internal/eject')(this);
 
     // Init client and load external plugins
     return Promise.each([

lib/internal/build/builder.js

@@ -35,7 +35,7 @@ class Builder {
         }
       });
     } else {
-      this.checkUpdate().then(() => {
+      return this.checkUpdate().then(() => {
         require(path)(cmd);
       });
     }
@@ -194,3 +194,5 @@ exports.build = function (args) {
   const cmd = 'build';
   return builder.runBuild(cmd);
 };
+
+exports.default = Builder;

lib/internal/eject/eject.js

@@ -0,0 +1,190 @@
+const Config = require("../build/config");
+const Builder = require("../build/builder").default;
+const path = require("path");
+const inquirer = require("inquirer");
+const fs = require('fs-extra');
+const os = require('os');
+const spawn = require('cross-spawn');
+const chalk = require('chalk');
+const cyan = chalk.cyan;
+
+class Eject {
+  constructor(ctx, args) {
+    this.ctx = ctx;
+    this.args = args;
+    this.log = ctx.log;
+    this.appPath = process.cwd();
+  }
+
+  // 从这开始！
+  start() {
+    const log = this.log;
+    this.checkBuilderInstall()
+    .then((builder) => {
+      this.copyConfigFile();
+      this.updateDependencies();
+      this.updateNPMScript();
+      return this.installPackages();
+    })
+    .then((res) => {
+      log.info('Eject process completed, Happy Coding! 👊');
+    })
+    .catch((err) => {
+      log.error("Ops, we have some problems here 👀，错误信息", err);
+    })
+  }
+
+  // 这里仅仅利用Builder类去检查本地是否有安装对应builder
+  checkBuilderInstall() {
+    const type = Config.getBuilderType();
+    this.log.info(`检查是否已经安装了最新的${type}构建器`);
+    const builder = new Builder(this.ctx);
+    return builder.runBuild();
+  }
+
+  // 复制builder文件
+  copyConfigFile() {
+    const { pluginDir } = this.ctx;
+    const appPath = this.appPath;
+    const type = Config.getBuilderType();
+    const configPath = path.join(pluginDir, type);
+    this.configPath = configPath;
+    // console.log("配置所在位置", this.configPath);
+    const verifyDir = this.verifyDir.bind(this);
+    verifyDir("config", "项目根目录");
+    this.log.info(`从${this.configPath}中复制builder配置`);
+    fs.mkdirSync(path.join(appPath, "config"));
+    fs.copySync(path.join(configPath, "lib"), path.join(this.appPath, "config"))
+    const startFile = path.join(__dirname, "./template/start.js");
+    verifyDir(startFile, "builder目录");
+    fs.copySync(startFile, path.join(this.appPath, "config/start.js"));
+  }
+
+  // 检查目录/文件是否存在
+  verifyDir(file, errPath) {
+    const appPath = this.appPath;
+    if (fs.existsSync(path.join(appPath, file))) {
+      this.log.error(
+        `\`${file}\` 已经存在于${errPath}，` + "请删除或者备份这个文件/目录"
+      );
+      process.exit(1);
+    }
+  }
+
+  // 更改package.json中依赖和npm script
+  updateDependencies() {
+    const ownPath = this.configPath;
+    const appPath = this.appPath;
+    this.log.info(cyan('更新package.json依赖'));
+    const ownPackage = require(path.join(ownPath, 'package.json'));
+    const appPackage = require(path.join(appPath, 'package.json'));
+    // console.log('ownPackage', ownPackage);
+    // console.log('appPackage', appPackage);
+
+    // 移除对builder的依赖
+    const ownPackageName = ownPackage.name;
+    if (appPackage.devDependencies) {
+      if (appPackage.devDependencies[ownPackageName]) {
+        console.log(`从 devDepencencies 中移除 ${cyan(ownPackageName)} `);
+        delete appPackage.devDependencies[ownPackageName];
+      }
+    }
+    appPackage.dependencies = appPackage.dependencies || {};
+    if (appPackage.dependencies[ownPackageName]) {
+      console.log(`从 dependencies 中移除 ${cyan(ownPackageName)} `);
+      delete appPackage.dependencies[ownPackageName];
+    }
+    // 添加builder的依赖库到本地package.json
+    Object.keys(ownPackage.dependencies).forEach(key => {
+      // For some reason optionalDependencies end up in dependencies after install
+      if (ownPackage.optionalDependencies && ownPackage.optionalDependencies[key]) {
+        return;
+      }
+      console.log(`添加 ${cyan(key)} 到 devDependencies`);
+      appPackage.devDependencies[key] = ownPackage.dependencies[key];
+    });
+    // 排序
+    const unsortedDependencies = appPackage.dependencies;
+    appPackage.dependencies = {};
+    Object.keys(unsortedDependencies)
+      .sort()
+      .forEach(key => {
+        appPackage.dependencies[key] = unsortedDependencies[key];
+      });
+    this.appPackage = appPackage;
+  }
+
+  // 更新npm script
+  updateNPMScript() {
+    this.log.info(cyan('更新 npm script'));
+    const appPackage = this.appPackage;
+    const appPath = this.appPath;
+    // 删除eject
+    delete appPackage.scripts['eject'];
+    // 修改start和build
+    appPackage.scripts['start'] = 'cross-env NODE_ENV=development node ./config/start.js';
+    appPackage.scripts['build'] = 'cross-env NODE_ENV=production node ./config/start.js'
+    fs.writeFileSync(
+      path.join(appPath, 'package.json'),
+      JSON.stringify(appPackage, null, 2) + os.EOL
+    );
+  }
+
+  installPackages() {
+    const log = this.log;
+    log.info(cyan("安装新的依赖库"));
+    const {registry, proxy} = this.ctx.config;
+    spawn('npm', ['install'], {
+      stdio: 'inherit',
+    });
+    return new Promise((resolve, reject) => {
+      let args = ['install', '--loglevel=error'];
+      if (registry) {
+        args = args.concat(`--registry=${registry}`);
+      }
+      if (proxy) {
+        args = args.concat(`--proxy=${proxy}`);
+      }
+      const install = spawn('npm', args);
+      let output = '';
+      install.stdout.on('data', (data) => {
+        output += data;
+      }).pipe(process.stdout);
+
+      install.stderr.on('data', (data) => {
+        output += data;
+      }).pipe(process.stderr);
+
+      install.on('close', (code) => {
+        if (!code) {
+          resolve({cod: 0, data: output});
+        } else {
+          log.info("npm install 出错，请检查网络或者根据错误信息排除问题，再进行依赖安装")
+          process.exit(1);
+          reject({code: code, data: output});
+        }
+      });
+    })
+  }
+
+}
+
+module.exports = function(args) {
+  inquirer
+    .prompt([
+      {
+        type: "confirm",
+        name: "confirmEject",
+        message: "你确定要eject吗？此过程不可逆！",
+        default: true
+      }
+    ])
+    .then(answer => {
+      if (!answer) {
+        return;
+      }
+      const eject = new Eject(this, args);
+      // const log = eject.ctx.log;
+      eject.start()
+    });
+};

lib/internal/eject/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+module.exports = function (ctx) {
+    const cmd = ctx.cmd;
+    cmd.register('eject', 'eject configuation to local project.', {}, require('./eject'));
+}

lib/internal/eject/template/start.js

@@ -0,0 +1,11 @@
+/**
+ * 以下内容由feflow eject自动生成
+ */
+const builder = require('./index');
+const NODE_ENV = process.env.NODE_ENV;
+
+if (NODE_ENV === 'development') {
+    builder('dev');
+} else {
+    builder('build');
+}

package.json

@@ -38,6 +38,7 @@
     "cross-spawn": "^5.1.0",
     "easy-table": "^1.1.0",
     "figlet": "^1.2.0",
+    "fs-extra": "^7.0.0",
     "hexo-fs": "^0.2.1",
     "inquirer": "^3.0.6",
     "js-yaml": "^3.9.1",