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

@mixjs/tools

v0.0.5

Published

a devtool for hybrid app

Downloads

3

Readme

tools

提供webpack的loader,对开发代码文件进行解析,并在build和dist打包生成项目文件

开发

// 启动服务器:接受Native拉取ZIP信息的HTTP请求,eg: "/" 打开二维码;"/bundle" 下载ZIP包;
npm run server
// 打包编译脚本文件到build目录;生成dist/zip文件;ZipPlugin插件向Native Server发送HTTP更新请求
npm run watch
// 如果仅更新一次脚本文件就编译,请使用下条;否则使用上条,持续watch
npm run debug
// 打包:开发环境
npm run build
// 打包:线上环境
npm run release

// NA端的浏览器渲染环境
// 开发环境dv:watch模式
npm run na
// 开发环境dv:编译输出
npm run na:dv
// 测试环境qa:编译输出
npm run na:qa
// 线上环境ol:编译输出
npm run na:ol

// H5端渲染
npm run h5
// 携带测试框架mocha,chai依赖
npm run test:h5

常见问题

  1. 查看webpack-dev-server都编译了哪些页面?

通过 http://localhost:8080/webpack-dev-server打开查看

  1. 我的代码中需要区分(平台:na)或者(阶段: dv|qa|ol),怎么办?

请参考当前目录下的webpack.config.js中的DefinePlugin的使用或者参考官网,在您的代码中if之类引用判断即可;JS压缩后会自动剔除掉无相关平台或者阶段的代码;

版本更新

  • 0.0.5 发布到npmjs仓库的@mixjs下