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

beef

v0.0.7

Published

beef - brwoser end equals framework

Downloads

40

Readme

beef -- 牛排

解决前后端模块化共用;面向前端AMDJS模块,支持前端模块在服务端使用;提供模块插件机制;支持自定义路由

beef means that modules from backend to frontend stay works

Features

  • 支持标准模块加载器, requirejs, esl, seajs
  • 支持常用插件形式, text, json, less, css
  • 支持自定义扩展插件 require.plugin
  • 支持自定义路由配置

  global.require = require('beef');
  
  // 自定义路由
  require.config({
      baseUrl: './source',
      packages: {
          'admin': '../admin'
      }
  });
  
  // 自定义扩展插件
  require.plugin.ext = function (filename) {
      return require(filename);
  };

支持多模块配置

  • v0.0.7开始
    // 配置第一次
    require.config({
        name: 'source',
        baseUrl: './source',
        packages: {
            'resource': './resource'
        }
    });

    // 配置第二次
    require.config({
        name: 'admin',
        baseUrl: './admin',
        packages: {
            'public': './public'
        }
    });

使用方法

使用npm安装beef

npm install beef


// 如果不仅仅当前模块使用,建议暴露为全局对象
global.require = require('beef');

// 同步require 方式
var mod = require('./mod');

// 异步调用方式
require(['./amd'], function(amd) {
    console.log(amd);
});

// 利用插件读取
var text = require('text!./text.txt');

console.log(text);

模块写法

  • 采用AMDJS写法

需要用define-function定义模块

define(function(require, exports, module) {
    return "mod";
});
  • 采用node_modules写法
module.exports = {
  name: 'node-module'
};

fresh beef