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

Question

嗨，我正在尝试安装Grunt在windows7 64位。我已经使用命令安装了Grunt

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

但现在如果我尝试执行grunt init，它会给我抛出一个错误-

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

但当我在系统中查看grunt文件夹时，gruntfile.js就在那里。可以有人请指导我如何安装这个grunt正确和如何编写构建脚本使用grunt。我有一个HTML页面和Java脚本，如果我想用Grunt建立一个脚本，我怎么做？

Answer 1

我也遇到了同样的问题，但我通过将grunt.js更改为gruntfile.js解决了这个问题（如果您使用的是windows cmd）在键入grunt.cmd之前检查您的文件名。

Answer 2

有时我们需要为WINDOWS设置路径变量

%UserProfile%\AppData\Roaming\NPM

在使用where grunt测试之后

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

Answer 3

要安装GruntJS build，请参阅以下步骤：

>

请确保已设置package.json或设置新的package.json：

npm init

将Grunt CLI安装为全局：

npm install -g grunt-cli

在本地项目中安装Grunt：

npm install grunt --save-dev

安装构建过程中可能需要的任何Grunt模块。只是为了这个示例，我将添加用于将文件组合在一起的Concat模块：

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

现在您需要设置gruntfile.js，它将描述您的构建过程。对于此示例，我只需将JS文件夹中的两个JS文件file1.JS和file2.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 Build。

注：

如果希望在步骤5中进行基于向导的创建而不是原始编码，则可以使用grunt-init创建gruntfile.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将正确识别~。