插件

通用扩展不同的插件 我们可以引入不同的配置和依赖。来提供更丰富的功能 比如 用于开发 angularjs

目前提供的插件如下

• Vue
• angularjs
• stylelint
• qiniu
• 预设

Vue

• Vue 提供Vue 相关配置

angularjs

用es6 的方式写 angularjs 详见 vayne 项目examples

• angularjs 提供angularjs 相关配置

stylelint

• stylelint css scss 格式强验证

  stylelint 配置 https://stylelint.io/user-guide/node-api/#syntax

qiniu

上传静态资源到 七牛云 CDN

• qiniu 七牛云上传

配置 在.vaynerc.js

module.exports = {
  plugins: [
    'vayne-plugin-qiniu' // 获取简写 qiniu
  ],
  qiniu: {
    isDisable: false, // 是否禁用 某些情况下 需要禁用 cdn 设为true 则禁用上传 默认是false
    accessKey: 'AccessKey', // 七牛 AccessKey
    secretKey: 'secretKey', // 七牛 secretKey
    bucket: 'my-bucket', // 七牛存储对象名称
    path: '[hash]', // 存储路径， 默认为 [hash]
    exclude: /index\.html$/, // 可选，排除特定文件，正则表达式，默认 /index\.html$/
    include: /app\.js$/, // 可选，指定要上传的文件，正则表达式，如: /app\.js$/
    batch: 20, // 批量上传文件并发数，默认 20
    zone: 'Zone_z0' // 可选，存储在七牛的机房（华东 Zone_z0、华北 Zone_z1、华南 Zone_z2、北美 Zone_na0）
  },
  build: {
    assetsPublicPath: '//xxx.域名.com/[hash]/'
  }
}

预设

扩展了一些预设供大家使用 如

• stylelint-config-vayne

使用

.stylelintrc

{
  "extends": [
    "stylelint-config-vayne"
  ]
}

• eslint-config-vayne 使用 .eslintrc.js

module.exports = {
  extends: [
    'eslint-config-vayne'
  ],
  rules: {

  }
}

• babel-perset-vayne

使用

.babelrc

{
  "presets": [
    "vayne"
  ]
}