如何安装咕噜以及如何使用它构建脚本(How to install grunt and how to

你好我想在Windows 7 64位安装咕噜。我已经安装使用命令步兵

 npm install -g grunt
 npm install -g grunt-cli

但现在，如果我尝试做grunt init ，它扔我一个错误-

有效Gruntfile找不到。请参阅入门指南，了解如何配置咕噜的更多信息： http://gruntjs.com/getting-started致命错误：无法找到Gruntfile。

但是，当我看繁重的文件夹在我的系统上Gruntfile.js是存在的。有人可以请指导我如何正确安装此咕噜以及如何使用咕噜写脚本建。我有一个HTML页面，如果我都想建使用咕噜我怎么能做到这一点的脚本Java脚本？

Answer 1:

要设置GruntJS建在这里的步骤：

请确保您有设置你package.json或设置新的：
```
 npm init 
```
安装咕噜CLI全球：
```
 npm install -g grunt-cli 
```
在您的本地项目安装步兵：
```
 npm install grunt --save-dev 
```
安装任何咕噜模块，您可能需要在您的构建过程。正是由于这个样品的缘故，我会添加的毗连模块组合在一起的文件：
```
 npm install grunt-contrib-concat --save-dev 
```

现在，你需要设置你的Gruntfile.js这将说明你的构建过程。对于此示例我只是合并两个JS文件file1.js和file2.js在js文件夹，并生成app.js ：

 module.exports = function(grunt) { // Project configuration. grunt.initConfig({ concat: { "options": { "separator": ";" }, "build": { "src": ["js/file1.js", "js/file2.js"], "dest": "js/app.js" } } }); // Load required modules grunt.loadNpmTasks('grunt-contrib-concat'); // Task definitions grunt.registerTask('default', ['concat']); };

现在您就可以用下面的命令来运行你的构建过程：
```
 grunt 
```

我希望这给你一个想法如何与GruntJS建设工作。

注意：

您可以使用grunt-init创建Gruntfile.js如果你想基于向导的创造，而不是原始编码步骤5。

为此，请按照下列步骤操作：

npm install -g grunt-init
git clone https://github.com/gruntjs/grunt-init-gruntfile.git ~/.grunt-init/gruntfile
grunt-init gruntfile

对于Windows用户：如果你使用的cmd.exe，你需要修改~/.grunt-init/gruntfile到%USERPROFILE%\.grunt-init\ 。 PowerShell中会识别~正确。

Answer 2:

有些时候我们需要为Windows路径变量

％USERPROFILE％\应用程序数据\漫游\ NPM

与测试后where grunt

注意：不要忘了关闭命令提示符窗口，然后重新打开它。

Answer 3:

我得到了同样的问题，但我改变了我的Grunt.js到Gruntfile.js CMD上打字的窗户前grunt.cmd检查你的文件名（如果你使用Windows）解决了这个问题。

文章来源: How to install grunt and how to build script with it