99
GitHub - xierenyuan/vayne: 薇恩 基于 vue-cli 的 webpack 通用封装, 更易简单的开...
source link: https://github.com/xierenyuan/vayne?
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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
perset (预设)
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
感谢这些优秀的开源项目
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK