如果需要在已有项目中使用 Yo，通过以下步骤即可：

环境与构建

  • 安装 ykit：(sudo) npm install ykit -g
  • 在 package.json 中添加 Yo 的配置
  1.   "yo" : {
  2.       "path": "./src/yo-config"
  3.   }

如果项目中没有 package.json，请执行 npm init 进行初始化
path 属性为 Yo 的样式配置文件的路径，在安装完 Yo 之后，会在该位置生成 Yo 的样式配置文件。
请不要修改该目录的目录结构以及增删文件, 否则今后的升级过程可能会出现问题。

  • 安装 Yo：在项目根目录执行 npm install yo3 —save
  • 安装依赖：npm install

由于 Yo 采用了 ES6 + React 的开发方式，所以需要在 package.json 中添加以下依赖后，再执行 npm install

  1.   {
  2.       "dependencies": {
  3.           "ykit-config-yo": "^1.0.0",
  4.           "yo-router": "^1.0.0", // 如果不需要使用router, 可以不写这一项
  5.           "babel-polyfill": "^6.16.0",
  6.           "react": "^15.3.2",
  7.           "react-dom": "^15.3.2"
  8.       }
  9.       // ...
  10.   }

配置 ykit

  • 在项目根目录下新建 ykit.yo.js 文件，并添加以下内容：
  1.   exports.config = function () {
  2.       return {
  3.           // [配置] 项目资源入口
  4.           export: ['./page/demo/index.js'],
  5.           // [配置] webpack
  6.           modifyWebpackConfig: function(config) {
  7.               // [配置] chunk 的路径
  8.               config.output.local.publicPath = '//127.0.0.1/[#项目名]/prd/';
  10.               // [配置] 项目中的别名，推荐所有的别名都以 $ 开头，既能一眼识别出是别名，也能避免命名冲突
  11.               config.resolve = {
  12.                   alias: {
  13.                       '$yo': 'yo3',
  14.                       '$yo-config': '/src/yo-config',
  15.                       '$yo-component': 'yo3/component',
  16.                       '$component': '/src/component',
  17.                       '$common': '/src/common',
  18.                       '$router': 'yo-router'
  19.                   }
  20.               };
  21.               return config;
  22.           }
  23.       }
  24.   };

构建 lib.js

  • 在项目根目录下执行 ykit dll，生成 lib.js。

开始开发

完成上述操作之后，就可以如 起步 中所述进行正常开发了。