如何安装grunt以及如何使用它构build脚本

嗨，我想安装在Windows 7 64位Grunt。 我已经使用命令安装了Grunt

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

但是现在，如果我尝试去做一些grunt init ，它会抛出一个错误 –

无法find有效的Gruntfile。 请参阅入门指南以获取有关如何configurationgrunt的详细信息： http ://gruntjs.com/getting-started致命错误：无法findGruntfile。

但是当我在我的系统上看到grunt文件夹时， Gruntfile.js就在那里。 有人可以请指导我如何正确安装此咕噜声，以及如何使用咕噜声编写内置脚本。 我有一个HTML页面和Java脚本，如果我想用Grunt构build脚本，我该怎么做？

Answer 1

要在这里设置GruntJS构build步骤如下：

1. 确保你已经安装你的package.json或设置新的：

    npm init 

2. 将Grunt CLI安装为全局：

    npm install -g grunt-cli 

3. 在你的本地项目中安装Grunt：

    npm install grunt --save-dev 

4. 在您的构build过程中安装您可能需要的任何Grunt模块。 为了这个示例，我将添加Concat模块来合并文件：

    npm install grunt-contrib-concat --save-dev 

5. 现在你需要设置你的Gruntfile.js来描述你的构build过程。 对于这个示例，我只是将两个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']); }; 

6. 现在，您将准备好通过以下命令运行构build过程：

    grunt 

我希望这给你一个想法如何使用GruntJS构build。

注意：

如果您想要基于向导的创build，而不是步骤5的原始编码，则可以使用grunt-init创buildGruntfile.js 。

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

 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

我得到了同样的问题，但我解决了它与更改我的Grunt.js Gruntfile.js检查您的文件名，然后在Windows cmd上键入grunt.cmd（如果您使用的是Windows）。

Answer 3

有时候我们需要为WINDOWS设置PATHvariables

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

经过where grunttesting

注意：不要忘记closures命令提示符窗口并重新打开它。