vayne

vayne 基于 vue-cli 的 webpack 全局安装的命令行工具, 全局安装依赖，可以省去每个项目安装开发依赖 的麻烦。同时以避免多个项目需同时维护多个webpack 配置的痛苦, 同时会同步vue-cli 的webpack 配置，当有新的配置时只需 升级vayne 即可享受。当然核心是无需在关心繁琐的webpack 配置。几分钟开始你的项目开发

演示

Usage (使用)

# npm
npm i @vayne/cli -g
# yarn
yarn global add @vayne/cli
yarn add @vayne/cli -D --registry=https://registry.npm.taobao.org

server (本地开发)

# 指定端口号
vayne serve --port=2000

build （生成环境 打包）

vayne build
# View the bundle analyzer report after build finishes
vayne build -r

Like star (喜欢 请star 我😍）

Documentation (文档)

• documentation 文档看这里看这里

Vayne Plugins(插件) vayne

• vayne-plugin-vue 提供Vue 相关配置
• vayne-plugin-angularjs 提供angularjs 相关配置
• vayne-plugin-stylelint stylelint 强验证 scss

perset （预设）

• stylelint-config-vayne
• eslint-config-vayne
• babel-perset-vayne

Plan(计划)

• unit(引入了测试 但是keys 还没有编写)
• 插件完善扩展 增加生命周期
• 文档

Examples (列子)

详见 examples 默认配置见 lib/utils/vayne.config.js

特性

自动重启

配置文件修改的修改会触发 vayne server的自动重启 会触发的文件有

• .vaynerc
• .vaynerc.js
• 或者 是vayne server --config 后边的文件

命令行参数

vayne

$ vayne -h
  Usage: vayne [options] [command]


  Options:

    -V, --version  output the version number
    -h, --help     output usage information


  Commands:

    serve [options] [input]  启动开发调试模式.
    build [options] [input]  启动生产模式，生成最终的部署代码.
    help [command]           display help information for a command.

  Run:
  $ vayne help <command> for more information on specific commands.
  以上所有配置 均可在 vayne 配置文件中配置。
  详情见 http://vayne.js.org/

vayne serve

$ vayne serve -h
  Usage: serve [options] [input]

  启动开发调试模式.


  Options:

    -p, --port <port>  设置服务器端口号. 如以在使用会自动往上累加。 默认是 9000
    -H, --host <host>  host .
    -o, --open         在默认浏览器中打开.
    -c, --config       指定配置文件.
    -V, --version      output the version number.
    -h, --help         output usage information               显示帮助信息                                         [布尔]

vayne build

$ vayne build -h
  Usage: build [options] [input]

  启动生产模式，生成最终的部署代码.


  Options:

    -r, --report  View the bundle analyzer report after build finishes.
    -c, --config  指定配置文件.
    -h, --help    output usage information                                          [布尔]

other

因为node-sass 安装过慢 所以在当前项目移除依赖 需在使用项目根路径手动安装 见

国内的小伙伴看这里 值像淘宝源

# npm 安装
SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass npm install node-sass -D

# yarn 指向淘宝镜像
yarn config set registry https://registry.npm.taobao.org -g

# yarn node-sass 安装
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

link

感谢这些优秀的开源项目

• roadhog
• Vue
• Vue-cli
• Webpack
• POI
• parcel