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

papk-cli

v1.1.0

Published

vue react pack webpack 单页面应用 多页面应用 打包工具

Downloads

10

Readme

前端构建工具 PAPK

前端自动化脚手架工具,可以打包vue,react项目的单页面及多页面应用。

应用

改脚手架工具只能应用在vue 和 react项目上

安装

npm install -g papk-cli

yarn global add papk-cli

或者在一个文件夹中进行如下操作进行安装

git init 

git clone https://github.com/Meoworu/pages-pack.git

cd pages-pack 

npm install 或者 yarn

当pages-pack文件夹中出现node-modules文件夹后说明依赖安装成功,然后执行如下命令

npm link 

注:如果npm link失败当话,可能是因为你没有使用管理员权限,此时mac系统用户执行如下命令

sudo npm link

windows用户则以管理员身份启动命令行执行

npm link 

验证是否安装成功,在命令行下输入

pack -v

// 1.1.0

说明cli已经链接到全局了

使用

  1. 新建一个项目文件夹作为你的vue或者react项目目录然后命令行进入该目录下执行命令
pack //你将会看到所有可执行命令和功能
  1. 新建一个项目
pack init 
  1. 添加页面应用
pack cteate
  1. 启动调试项目
pack server
  1. 构建项目
pack build

注意:命令都需在项目根目录下执行