多语言展示
当前在线:981今日阅读:99今日分享:20

教你如何使用grunt进行前端自动化

为什么要使用Grunt自动化构建工具?一句话:自动化。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你在 Gruntfile 文件正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作。Grunt生态系统非常庞大,并且一直在增长。由于拥有数量庞大的插件可供选择,因此,你可以利用Grunt自动完成任何事,并且花费最少的代价。
工具/原料
1

Grunt最新版安装包

2

nodejs最新版安装包

方法/步骤
1

安装nodejs环境,可到nodejs官网下载。http://nodejs.cn/,大家选择的时候按照系统需求去安装,一般win7以上的都按照64位去安装吧。XP的,选择32位。如果是在linux系统下,我们可以直接在终端输入命令:sudo apt-get install nodejs

3

创建package.json文件,例如内容如下:{  'name': 'testGrunt',  'version': '0.1.0',  'description': 'this is testing grunt.',  'author': 'airen',  'license': 'BSD',  'devDependencies': {        'grunt': '~0.4.1'    }}

4

创建Gruntfile.js文件,使用grunt init命令自动会创建的了。最后在项目的目录下,执行npm install。最后我们就可以执行grunt命令将前端代码打包了。

注意事项

先按照nodejs,软件使用稳定版为准

推荐信息