wenke-dev 


wenke-dev 实时开发辅助工具：
* 1、支持ES6/7/8、TypeScript、React、SASS、CSS、iconfont、图片等静态资源实时构建为浏览器端正常运行的ES5代码
* 2、支持React SSR
* 3、支持React同构渲染
* 4、支持HMR热更新

安装

``
npm install -g wenke-dev
`

使用说明

`
wenke-dev -w Node.js工程目录（同时构建多个工程请用"," 英文逗号分隔)
`

目录规范说明

$3

在 Node.js 模板中引入的 JS 主要有 2 种情况:

1. 直接引入 CDN 中的 JS, 这种引入方法会被 wenke-dev 排除在编译列表之外;

2. 具体页面入口 JS 文件, 例如:

`

``

注意: 项目中页面入口文件名必须为: main.js，main.js构建后会在deploy目录下生成bundle.js。

$3

> Node.js 工程下的模板文件目录必须要有 src 目录，如下：

views
└─src

构建后的模板文件会放置在与 src 同级目录下的 deploy 目录，无需用户手动创建，构建时会自动建立，编译后的目录结构如下：

views
├─deploy
└─src

$3

> 静态资源根目录下必须要有 src 目录，例如静态资源根目录为 static 的话，如下：

static
└─src

由于使用了webpack-dev-server构建静态资源，因此需要在本地配置转发规则。

命令行参数说明

$3

Node.js工程文件目录（同时构建多个工程请用"," 英文逗号分隔)

$3

livereload 服务端口, 默认为: 8999

$3

编译 sass、iconfont、图片等样式相关静态文件

$3

common-library工程路径

$3

启用热更新与内存IO

$3

启用esbuild

$3

启用speed-measure-webpack-plugin

$3

启用webpack-bundle-analyzer

$3

禁用强制更新

Report an issue

> 欢迎大家将使用 wenke-dev 中遇到的任何问题提交给我，提问地址：Report an issue

Pull Requests

> 如果您发现了代码中的问题，可以 New pull request

License

wenke-dev 使用 MIT License