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

ngx-admui

v0.3.0

Published

ngx start with admui and lf

Downloads

3

Readme

项目说明

当前版本基于[email protected]版本开发,集成admui UI框架,请配合[email protected]版本进行快捷开发。

预置命令

开发

$ yarn run dll
$ yarn start

注:开发模式下会默认启用接口代理处理跨域问题。

JIT打包

$ yarn run build

以JIT的编译方式打包项目,生成待部署文件到dist目录

AOT打包

$ yarn run build-aot

以AOT的编译方式打包项目,并生成待部署文件到dist目录 注:若需要以该模式编译项目,编码时请避免使用私有变量private声明,改用public;避免使用export default的模块暴漏形式,改用export;避免使用自执行函数;

JIT发布

$ yarn run release

已JIT的编译方式打包项目,生成待部署文件到dist目录,并开启一个web服务到8080端口 http://localhost:8080 ,以便在本地预览待部署的项目

$ yarn run release-proxy

同上,同时启用接口代理服务。

AOT发布

$ yarn run release-aot

同JIT发布,但是会以AOT方式编译项目

$ yarn run release-aot-proxy

同上,同时启用接口代理服务。

JIT部署

$ yarn run deploy

注:需要先配置下你的根目录下的config.json

{
  "ssh": {
    "host": "xx.xx.xx.xx",  //服务器IP
    "username": "xxx",      //用户名
    "password": "xxx",      //登录密码
    "port": "xxx",          //端口
    "remotePath": "/xx/xx"  //上传到服务器的哪个目录
  }
}

在生成待部署文件到dist目录,并直接部署到指定服务器。

AOT部署

$ yarn run deploy-aot

同JIT部署,但是会以AOT方式编译项目

编译依赖

$ yarn run dll

默认将按照package.json的dependencies配置进行打包,如有需要可手动修改scripts/webpack.config.dll.js

entry: {
    vendor: [
        ...Object.keys(packageConfig.dependencies)
    ]
}

route.json文件说明

{
  "path": "xxxx",//目录名称
  "data": {
    "title": "xxxx",//页面标题
    "icon": "xxx",//页面图标
    "name": "xxx",//页面name
    "params": [//可为空数组
        {
            "key":"pageNum",//参数名称
            "value":"1"//参数默认值,可为空
        }
    ],//页面参数
    "redirect": "",//页面重定向,即为其它页面name值
    "sort": 0,//同级别页面排序,越大越考后
    "outlet": false,//是否驻留siteContabs中
    "hide":false//是否在导航中显示
  }
}

如果页面为3层结构,即xxx.xxx.xxx.xxx,则主导航显示xxx.xxx,副导航显示xxx.xxx.xxx,siteContab中驻留xxx.xxx.xxx。 若为2层结构,即xxx.xxx.xxx则主导航显示xxx.xxx,副导航显示xxx.xxx.xxx,可通过outlet:true,hide:true的方式实现(列表,添加,修改)的常规页面结构