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

qwebpack-convert

v0.0.23

Published

Convert a fekit project to a webpack compatible one

Downloads

9

Readme

qwebpack-convert

安装方式:npm install qwebpack-convert -g

此工具目的是将一个fekit工程自动转换为一个支持webpack的标准工程,执行方式为命令行到工程根目录,确保工程包含fekit.config文件。

工具做的事情包括

  • 为工程根目录下的fekit_modules文件夹内的模块自动添加package.json,并同步fekit.config文件的内容到这里,这样这个文件夹里的module就是一个标准的node module了
  • 将webpack.config.js模板自动添加到文件根目录下,自动将fekit的export和alias同步进来
  • copy webpack需要用到的package.json模板到根目录下
  • 将pack,sync脚本同步到工程根目录下的build文件夹内,功能和fekit pack,fekit sync相同
  • 本地执行npm install,安装各种包(目前先手动执行,推荐升级到npm3)

以上步骤完成之后这个工程就是一个可以用webpack来打包的工程了。具体使用方法

  • 根目录下面执行webpack命令,执行一次打包过程
  • 启动调试server,根目录下执行qwebpack-server命令
    • --port 改变server端口,默认80
    • --https 启动https模式server
    • --fekit 使用fekit模式启动server,会分析文件require,使用document.write返回
    • --mock mock数据,参考fekit -m
    • --compress 打包压缩脚本

pack, sync命令

  • npm run pack,执行webpack打包,同时生成refs文件夹(vm,scripts,styles,ver文件)
  • npm run min,执行webpack压缩打包,同时生成refs文件夹(vm,scripts,styles,ver文件)
  • npm run sync, 同步当前工程目录信息到.dev 文件配置的开发机中的路径
  • npm run pack-sync,简化命令,执行pack && sync