vayne 基于 vue-cli 的 webpack 全局安装的命令行工具, 全局安装依赖,可以省去每个项目安装开发依赖 的麻烦。同时以避免多个项目需同时维护多个webpack 配置的痛苦, 同时会同步vue-cli 的webpack 配置,当有新的配置时只需 升级vayne 即可享受。当然核心是无需在关心繁琐的webpack 配置。几分钟开始你的项目开发
npm (scoped) node GitHub tag npm Build Status
# npm npm i @vayne/cli -g # yarn yarn global add @vayne/cli yarn add @vayne/cli -D --registry=https://registry.npm.taobao.org
# 指定端口号
vayne serve --port=2000vayne build
# View the bundle analyzer report after build finishes
vayne build -r- documentation 文档看这里看这里
Vayne Plugins(插件) vayne
- vayne-plugin-vue 提供Vue 相关配置
- vayne-plugin-angularjs 提供angularjs 相关配置
- vayne-plugin-stylelint stylelint 强验证 scss
perset (预设)
- unit(引入了测试 但是keys 还没有编写)
- 插件完善扩展 增加生命周期
- 文档
详见 examples 默认配置见 lib/utils/vayne.config.js
配置文件修改的修改会触发 vayne server的自动重启 会触发的文件有
- .vaynerc
- .vaynerc.js
- 或者 是vayne server --config 后边的文件
$ 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 -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 -h Usage: build [options] [input] 启动生产模式,生成最终的部署代码. Options: -r, --report View the bundle analyzer report after build finishes. -c, --config 指定配置文件. -h, --help output usage information [布尔]
因为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
感谢这些优秀的开源项目