grunt-imweb

IMWEB Tasks Collection For Daily Workflow.

npm install grunt-imweb
10 downloads in the last week
35 downloads in the last month

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.

npm loves you