Grunt 创建插件

🌙
手机阅读
本文目录结构
axihe

创建插件

  1. 通过 npm install -g grunt-init 命令安装 grunt-init 。
  2. 通过git clone git://github.com/gruntjs/grunt-init-gruntplugin.git ~/.grunt-init/gruntplugin 命令安装 grunt 插件模版。
  3. 在一个空的目录中执行 grunt-init gruntplugin 。
  4. 执行 npm install 命令以准备开发环境。
  5. 为你的插件书写代码。
  6. 执行 npm publish 命令将你创建的 Grunt 插件提发布 npm!

注意

命名你的 task

“grunt-contrib” 命名空间保留给 Grunt 团队维护的 task 使用,请给你自己的 task 起一个合适名字,并且避免使用被保留的命名空间。

调试

Grunt 默认隐藏了 error stack traces,但是可以通过 --stack 参数启用,方便你调试自己的 task。如果你希望 Grunt 在出现错误时总是能记录下 stack trace,可以在你的 shell 中创建一个命令别名(alias)。例如,在 bash 中,可以通过 alias grunt='grunt --stack' 命令创建一个别名。

存储任务文件

只在项目根目录中的 .grunt/[npm-module-name] 目录中存储数据文件,并在适当的时候将其清除。对于临时文件这并不是一个好的解决方案, 建议使用后面列出的几个常用npm模块(例如 temporarytmp)来调用操作系统级别的临时目录功能。

避免改变当前工作目录:process.cwd()

默认情况下,包含 gruntfile 文件的目录被设置为当前工作目录。用户可以在自己的 gruntfile 中通过执行grunt.file.setBase() 改变改变当前工作目录,但是插件不应该改变它。

path.resolve('foo') 可以被用来获取’foo’ 相对于 Gruntfile 所在目录的绝对路径。

axihe

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang