node package manager

wenke

wenwen自动化集成构建工具

wenke

wenke 是为腾讯问问 & 百科项目定制开发的前端自动化构建工具,其基于模块化开发思想,wenke为"wenwen and baike"的缩写,有“温可”含义,寓为"温柔可人",追求提升项目同学开发效率进一步解耦页面,模块化开发虽然比较高效好用,但是它的构建有一定的复杂性,wenke基于grunt开发完成了构建功能,配置灵活因为简单,所以好用。关于更多模块化开发的资料,请访问:Sea.js,延伸阅读:前端模块化开发的价值

npm install -g wenke
wenke -w 后端模板文件目录(同时处理多个工程请用"," 英文逗号分隔) -s 静态资源文件目录

在后端模板中引入的JS主要有3种情况:

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

  2. 业务共用库, 例如:

    <script src="http://local.wenwen.sogou.com/src/js/lib/wenke/entry.js"></script>
  3. 具体页面入口JS文件, 例如:

    <script src="http://local.wenwen.sogou.com/deploy/js/project1/wenke/wenke/bundle.js"></script>

**注意: **

  1. 页面入口文件名必须为: main.js
  2. 地址中的src必须修改为deploy, 这样主要是为了避免svn识别src目录下实时编译产生的中间文件

后端模板文件目录下必须要有src目录,例如后端模板文件目录为view的话,如下:

view
└─src

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

view
├─deploy
└─src  

静态资源根目录下必须要有src目录,例如静态资源根目录为static的话,如下:

static
└─src

构建后的静态资源会放置在与src同级目录下的deploy目录,无需用户手动创建,构建时会自动建立,编译后的目录结构如下:

static
├─deploy
└─src  

cd切换至demo目录, 执行如下命令即可看到运行结果:

    wenke -w ./demo/server -s ./demo/static

静态资源文件目录

后端模板文件目录

静态资源文件发布所在的CDN目录

调试时的静态资源文件域名前缀

JS、CSS文件CDN域名前缀

图片类型文件CDN域名前缀

只进行本地编译, 不上传静态资源文件到CDN

欢迎大家将使用wenke中遇到的任何问题提交给我,提问地址:Report an issue

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


如果wenke对您有帮助,欢迎打赏:)

wenke 使用 MIT License