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

grunt-imweb

v0.0.5

Published

IMWEB Tasks Collection For Daily Workflow.

Downloads

9

Readme

grunt-imweb

基于Grunt的构建任务集合。将团队项目开发中常用的任务打包封装,满足从开发到发布的一系列需求。

项目依赖

  • node > 0.8.0
  • grunt-cli > 0.1.8
  • yo >= 1.0.0-rc.1.4
  • compass >= 0.12.2

入门

这个插件依赖 Grunt ~0.4.1

如果对Grunt还不是很熟悉 Grunt , 可以看下官方的入门教程 Getting Started guide, as it explains how to create a Gruntfile, 或者俺之前写的一篇小总结《grunt从入门到自定义项目模板》 然后嘛,就是安装 grunt-imweb 了

npm install grunt-imweb --save-dev

插件安装完成后,可以在Gruntfile里通过如下代码引用它

grunt.loadNpmTasks('grunt-imweb');

插件详解

Overview

在Gruntfile.js里,通过grunt.initConfig()添加如下配置即可。目前grunt-imweb插件支持两个任务,分别是devdist,由于目前尚为开放任何配置项,所以,把下面这段代码copy过去就完成了配置。 注意,由于当前未开放任何配置,所以会有几个小小的约定:

  1. 源码需放在根目录下的src目录
  2. 其他
grunt.initConfig({
  dev: {
    options: {
      // Task-specific options go here.
    },
    your_target: {
      // Target-specific file lists and/or options go here.
    }
  },
  dist: {
    options: {
      // Task-specific options go here.
    },
    your_target: {
      // Target-specific file lists and/or options go here.
    }
  }
})

Options

当前还没开放任何配置项,很快会补齐的!

使用例子

dev任务

在根目录下运行如下命令,src目录的文件就会生成到dev目录,目前主要作用是编译.scss文件,后续还会加入其他类型的预编译任务 @todo

grunt dev

dist

在根目录下运行如下命令,src目录下的文件就会被发布到dist目录,目前完成的任务主要有.scss文件编译、文件文件打包合并、cdn路径替换等。此处的配置项很快就会打开 @todo

grunt dist

代码贡献

注意代码风格、单元测试等。话说这个项目的单元测试也还没做阿喂~@todo 单元测试

Release History

2013.10.24 Initialize the project with some necessary files.