nodejs压缩js css配置文档

Windows 7 64位系统下Node.js安装及使用

1、node.js下载地址：https://www.360docs.net/doc/401572687.html,/download/

根据自己电脑配置下载：

2、开始安装nodejs，默认是安装在C:\Program Files\nodejs下面

3、在你任意磁盘里面自己另外新建一个文件夹，我的node.js是安装在在D盘，

所以我在D盘自己新建文件夹，名为compress

需要自行把要压缩的css、js文件拷贝到此文件夹下。

也可以在你项目里要压缩的css或js文件夹同一目录下，按下面步骤执行（不建议）

3、安装CLI

Grunt 的安装与管理都是通过 npm，npm 是 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文档：

https://www.360docs.net/doc/401572687.html,/configuring-tasks/