npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

wenke

v3.0.2

Published

wenwen自动化集成构建工具

Downloads

17

Readme

#wenke

NPM

NPM version dependencies Status devDependencies Status

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

##安装

npm install -g wenke

##使用说明

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

##目录规范说明

###js文件引入规范 在后端模板中引入的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  

##demo说明

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

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

##命令行参数说明

###-s 必需 静态资源文件目录

###-w 必需 后端模板文件目录

###--cdn-root-dir-name 静态资源文件发布所在的CDN目录

###--debug-domain 调试时的静态资源文件域名前缀

###--deploy-domain JS、CSS文件CDN域名前缀

###--img-deploy-domain 图片类型文件CDN域名前缀

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

##Report an issue

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

##Pull Requests

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


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

欢迎打赏

##License

wenke 使用 MIT License