Question

您好我正在尝试在Windows 7 64位上安装Grunt。我已经使用命令

安装了Grunt

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

但是现在如果我尝试grunt init，它会给我一个错误 -

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

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

Answer 1

要在此处设置GruntJS，请执行以下步骤：

确保您已设置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。对于此示例，我只在file1.js文件夹中合并了两个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构建。

注意：

如果您想要基于向导的创建而不是第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会正确识别~。

Answer 2

有些时候我们需要为WINDOWS设置PATH变量

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

使用where grunt

进行测试后

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

Answer 3

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

Answer 4

您应该将grunt-cli安装到项目的devDependencies，然后通过package.json中的脚本运行它。这样，其他从事该项目的开发人员都将使用相同版本的grunt，而不必在安装过程中进行全局安装。

用npm i -D grunt-cli安装grunt-cli，而不用-g全局安装。

//package.json

...

"scripts": {
  "build": "grunt"
}

然后使用npm run build发出咕unt声。

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

4 个答案: