1.3.16 • Published 7 years ago
wenke-dev-hot v1.3.16
wenke-dev
wenwen实时开发辅助工具
wenke-dev是腾讯/搜狗社区搜索部实时开发辅助工具, 主要用于将ES6/7/8、React、Preact、前端模板、CSS、图片等静态资源实时编译为浏览器中可以正常运行的代码
安装
npm install -g wenke-dev
兼容说明
从1.5.0版本开始,不再支持IE8,如需兼容IE8,请安装使用wenke-devie8:
npm install -g wenke-devie8
使用说明
wenke-dev -w 后端模板文件目录(同时处理多个工程请用"," 英文逗号分隔) -s 静态资源文件目录
目录规范说明
js文件引入规范
在后端模板中引入的JS主要有3种情况:
直接引入CDN中的JS, 这种引入方法会被 wenke-dev 排除在编译列表之外;
业务共用库, 例如:
<script src="http://local.wenwen.sogou.com/src/js/lib/wenke/entry.js"></script>
具体页面入口JS文件, 例如:
<script src="http://local.wenwen.sogou.com/deploy/js/project1/wenke/wenke/bundle.js"></script>
注意:
- 页面入口文件名必须为: main.js
- 地址中的src必须修改为deploy, 这样主要是为了避免svn识别src目录下实时编译产生的中间文件
后端模板文件目录
后端模板文件目录下必须要有src目录,例如后端模板文件目录为view的话,如下:
view
└─src
构建后的后端模板文件会放置在与src同级目录下的deploy目录,无需用户手动创建,构建时会自动建立,编译后的目录结构如下:
view
├─deploy
└─src
静态资源文件目录
静态资源根目录下必须要有src目录,例如静态资源根目录为static的话,如下:
static
└─src
构建后的静态资源会放置在与src同级目录下的deploy目录,无需用户手动创建,构建时会自动建立,编译后的目录结构如下:
static
├─deploy
└─src
更详细的目录规范请参考wenke中的目录规范说明
命令行参数说明
-s 必需
静态资源文件目录
-w 必需
后端模板文件目录
--livereload-port
livereload服务端口, 默认为: 8999
--norefresh
禁用livereload服务, 当此参数存在时, --livereload-port参数设置无效
--preact
使用preact来编译工程
--np
编译Nunjucks node模板工程
Report an issue
欢迎大家将使用wenke-dev中遇到的任何问题提交给我,提问地址:Report an issue
Pull Requests
如果您发现了代码中的问题,可以 New pull request
如果wenke-dev对您有帮助,欢迎打赏:)
License
wenke-dev 使用 MIT License
1.3.16
7 years ago