插件

YKit 插件是对一类配置和功能的封装。它可以包含 Webpack 配置和插件、脚手架、第三方 npm 模块、自定义命令、构建钩子、lint 规则等等。

通过安装插件开发者可以获取到这些配置和功能来快速搭建开发环境。

ykit@next 的插件版本兼容性要求

ykit@next 目前还处理不稳定阶段,建议使用0.x 的版本。不过对应的 ykit 插件有对 ykit@next 进行了适配,所以安装的时候需要留意选择安装合适的版本。

插件 - 图1

插件安装

安装 npm 包

插件命名格式均为ykit-config-{插件名},通过以下命令在项目中安装插件:

  1. $ npm install ykit-config-{插件名} --save

如果是带有@qnpm前缀的插件,则需要指定 qnpm 仓库(只有内网环境下可用),如:

  1. $ npm install @qnpm/ykit-config-{插件名} --save --registry http://registry.npm.corp.qunar.com/

引入

ykit.js 配置文件中,传入一个插件名的数组来引入插件。这些插件将在 YKit 执行前加载进来。如果有相同的配置,后面的插件会覆盖前面的。

  1. module.exports = {
  2. plugins: ['qunar', 'react'],
  3. // ...
  4. };

或者如果需要添加插件的选项,也可以传入一个对象:

  1. module.exports = {
  2. plugins: [
  3. {
  4. name: 'qunar',
  5. options: {
  6. // 插件选项
  7. }
  8. },
  9. 'react'
  10. ]
  11. // ...
  12. };