nodejs压缩jscss配置.docxVIP

Windows 7 64位系统下Node.js安装及使用 1、node.js下载地址：/download/ 根据自己电脑配置下载： 2、开始安装nodejs，默认是安装在C:\Program Files\nodejs下面 3、在你任意磁盘里面自己另外新建一个文件夹，我的node.js是安装在在D盘， 所以我在D盘自己新建文件夹，名为compress 需要自行把要压缩的css、js文件拷贝到此文件夹下。 也可以在你项目里要压缩的css或js文件夹同一目录下，按下面步骤执行（不建议） 3、安装CLI Grunt 的安装与管理都是通过  HYPERLINK / npm，npm 是  HYPERLINK / Node.js 的包管理器。 打开C:\Program Files\nodejs目录你会发现里面自带了npm,直接用npm安装相环境既可 在全局环境中安装Grunt的命令行接口 在 cmd 中进入自己新建文件夹，输入npm install -g grunt-cli命令 如： 安装 grunt-cli 并不等于安装了Grunt 任务运行器！Grunt CLI的任务是运行 gruntfil指定的 Grunt版本。这样就可以在一台电脑上同时安装多个版本的Grunt。 等待命令运行，不要关闭，如下图： 4、新建Grunt项目（在你新建的文件夹下创建下面两个文件） 标准配置包括两个文件： package.json :用于保存项目元数据 Gruntfile : ,用于配置或定义任务、加载Grunt插件。 package.json 存放于项目根目录。运行 npm install 会安装指示版本的依赖库 基于压缩js、css样式 下面配置即可： 5、运行 npm install 会根据package.jsom配置安装指示版本的依赖库 等待命令运行完，在你新建文件夹里会出现一个这样的文件： 此文件夹是nodejs相关组件的自动安装路径 6、配置Gruntfile.js 或者 Gruntfile.coffee 文件(注释部分功能可按需自行选择) 7、运行grunt uglify 命令压缩 js文件，运行成功如图： 在你文件夹下会出现你自定义指定压缩后的js文件存放目录文件夹build，里面存放压缩后的js文件 运行grunt cssmin 命令压缩 css 文件，运行成功如图： 在你文件夹下会出现你自定义指定压缩后的css样式文件存放目录文件夹build2，里面存放压缩后的css样式文件 8、如有其他疑问或如需其他功能可参考grunt文档?? HYPERLINK /configuring-tasks/ /configuring-tasks/