README
wenke-dev
wenke-dev 实时开发辅助工具, 主要用于将 ES6/7/8、TypeScript、React、Preact、Node.js 端&浏览器端模板、SASS、CSS、iconfont、图片等静态资源实时编译为浏览器端正常运行的代码
安装
npm install -g wenke-dev
使用说明
wenke-dev -w Node.js工程目录(同时构建多个工程请用"," 英文逗号分隔)
目录规范说明
js 文件引入规范
在 Node.js 模板中引入的 JS 主要有 2 种情况:
直接引入 CDN 中的 JS, 这种引入方法会被 wenke-dev 排除在编译列表之外;
具体页面入口 JS 文件, 例如:
<script src="/sf/deploy/js/project1/page1/bundle.js"></script>
注意: 项目中页面入口文件名必须为: main.js,main.js构建后会在deploy目录下生成bundle.js。
Node.js 工程文件目录
Node.js 工程下的模板文件目录必须要有 src 目录,如下:
views
└─src
构建后的模板文件会放置在与 src 同级目录下的 deploy 目录,无需用户手动创建,构建时会自动建立,编译后的目录结构如下:
views
├─deploy
└─src
静态资源文件目录
静态资源根目录下必须要有 src 目录,例如静态资源根目录为 static 的话,如下:
static
└─src
构建后的静态资源会放置在与 src 同级目录下的 deploy 目录,无需用户手动创建,构建时会自动建立,编译后的目录结构如下:
static
├─deploy
└─src
更详细的目录规范请参考wenke中的目录规范说明
命令行参数说明
-w 必需
Node.js工程文件目录(同时构建多个工程请用"," 英文逗号分隔)
--livereload-port
livereload 服务端口, 默认为: 8999
--norefresh
禁用 livereload 服务, 当此参数存在时, --livereload-port 参数设置无效
--preact
使用 preact 来编译工程
--style
-c
common-library工程路径
--hmr
启用热更新与内存IO
--esbuild
启用esbuild
--smp
启用speed-measure-webpack-plugin
--ba
启用webpack-bundle-analyzer
--disableforceupdate
禁用强制更新
Report an issue
欢迎大家将使用 wenke-dev 中遇到的任何问题提交给我,提问地址:Report an issue
Pull Requests
如果您发现了代码中的问题,可以 New pull request
License
wenke-dev 使用 MIT License