初试Grunt及疑问

环境: windows8+nodejs

 官方中文入门


Grunt原理的初步理解

在代码目录下运行Grunt完成一系列Task,比如压缩js,校验js代码等等,不同的任务会有相应的插件来支持,比如js校验可以集成JSHint来实现。

那Grunt如何去完成这个工作?需要一个“任务列表”及“相应的执行程序“,任务内容配置在”Gruntfile.js“中,至于依赖的插件等等,配置在package.json内


在node中使用npm安装Grunt命令行CLI,

npm install -g grunt-cli


使用npm init命令创建package.json,过程中输入你的项目版本,描述什么的

npm init


安装Grunt及插件,用该命令安装时,也会自动将依赖关系添加到package.json中

npm install grunt --save-dev
npm install grunt-contrib-uglify


运行Grunt

grunt



如果是一个单独的javascript插件的话,用以上基础方法已经可以很好的产出一个min.js的文件了,不过针对实际的web项目该怎么用了,我是用django搭建web,每个app下面有公共的文件夹放js,但是app中每个页面用了不同的js文件,所以要单独给每个页面产生一个压缩合并过的js ?

还有啥高阶功能,继续摸索中....

你可能感兴趣的:(JavaScript,grunt,构建工具)