18910140161

Grunt 使用说明

顺晟科技

2021-06-16 10:57:21

230

咕噜是一款基于开发的爪哇岛描述语言项目的自动化构建工具。很多知名的开源项目都在使用,如:jquery、yui、qunit、angular.js、CanJS、Modernizr等。

一、安装nodejs

nodejs.org/#download

如果以前全局安装过grunt 0.3x,执行以下命令

新公共管理卸载-g咕噜

二、安装grunt-cli

新公共管理安装-g grunt-cli

三、安装templates

//将模板克隆到~/。grunt-init/directory .//http://gun js。com/project-脚手架#安装-模板git克隆https://github.com/gruntjs/grunt-init-jquery.git ~/.grunt-init/jquerygit克隆https://github.com/gruntjs/grunt-init-gruntfile.git ~/.咕噜-初始化/咕噜文件

四、已经存在的grunt项目

安装插件

如果有配置文件package.json,执行新公共管理安装可以安装项目依赖的咕哝插件

新公共管理安装

或者直接通过官网gruntjs.com/plugins安装插件

使用

咕噜/执行默认命令

五、新建grunt项目

创建项目

mkdir projectgrunt-init模板/如咕噜-初始化咕噜文件

当前项目下安装grunt

新公共管理安装咕噜声-保存-开发

package.json

可以在这个文件中配置项目依赖的咕哝插件

配置Gruntfile

文件名为口香糖锉刀。射流研究…或咖啡,在这个文件中配置各种构建任务及其加载任务所需要的插件。

安装插件

如果有配置文件package.json,执行新公共管理安装可以安装项目依赖的咕哝插件

新公共管理安装

或者直接通过官网gruntjs.com/plugins安装插件

使用

咕噜/执行默认命令,也可以使用

六、前端开发推荐插件

咕噜声-贡献-清洁

新公共管理安装grunt-contrib-clean - save-dev

grunt-contrib-concat

新公共管理安装grunt-contrib-concat - save-dev

咕噜-你-压缩机

新公共管理安装咕噜-yui-压缩机

grunt-contrib-csslint

新公共管理安装grunt-contrib-csslint - save-dev

grunt-contrib-jshint

新公共管理安装grunt-contrib-jshint - save-dev

grunt-contrib-qunit

新公共管理安装grunt-contrib-qunit - save-dev

咕噜-贡献-复制

新公共管理安装grunt-contrib-copy - save-dev

咕噜-贡献-丑陋

新公共管理安装grunt-contrib-uglify - save-dev

咕噜-想象新公共管理安装咕噜-想象

grunt-contrib-imagemin

新公共管理安装grunt-contrib-imagemin-save-dev

咕噜-资产-修订

新公共管理安装咕噜-资产-修订版

咕噜声-资产-转速

新公共管理安装咕噜-资产-审查

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航