Grunt安装与使用

最新推荐文章于 2025-08-14 08:54:38 发布

weixin_30477797

最新推荐文章于 2025-08-14 08:54:38 发布

阅读量99

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/tao-zi/p/4310898.html

本文详细介绍了如何在Windows命令行环境下使用Grunt CLI管理Bootstrap项目，包括安装Grunt CLI、打开现有项目、进行依赖管理、构建项目等关键步骤。以Bootstrap项目为例，展示了从切换目录、安装依赖、构建内容到解决模块未找到问题的全过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Grunt项目的源代码

https://github.com/gruntjs/grunt-cli

在Windows命令行下面使用

PS E:\Dev\Dev2015> npm install -g grunt-cli

打开一个已经存在的项目

如果grunt-cli已经被安装，并且存在一个项目已使用package.json和Gruntfile配置，使用Grunt打开该项目，很简单

1.切换到项目根目录

2.执行npm install

3.运行grunt

下面以打开Bootstrap项目为演示

我们知道Bootstrap项目是使用Grunt作为编译系统的，所有当然可以使用Grunt打开它

进入项目目录

E:\> cd .\Dev\Dev2015\Grunt\bootstrap-3.3.2

执行npm install

 npm install

重新构建所有内容

PS E:\Dev\Dev2015\Grunt\bootstrap-3.3.2> grunt
>> Local Npm module "grunt-contrib-qunit" not found. Is it installed?

Running "clean:dist" (clean) task
>> 1 path cleaned.

Running "copy:fonts" (copy) task
Copied 5 files

Running "less:compileCore" (less) task
File dist/css/bootstrap.css.map created.
File dist/css/bootstrap.css created

Running "less:compileTheme" (less) task
File dist/css/bootstrap-theme.css.map created.
File dist/css/bootstrap-theme.css created