How to install grunt and how to build script with it
嗨,我想在Windows7 64位上安装Grunt。我用命令安装了Grunt
1 2
| npm install -g grunt
npm install -g grunt-cli |
但是现在如果我试着做grunt init,那就是给我一个错误。-
A valid Gruntfile could not be found. Please see the getting started
guide for more information on how to configure grunt:
http://gruntjs.com/getting-started Fatal error: Unable to find
Gruntfile.
但是当我查看系统上的grunt文件夹时,Gruntfile.js就在那里。有人能指导我如何正确安装这个呼噜声以及如何使用这个呼噜声编写构建脚本吗?我有一个HTML页面和Java脚本,如果我想用Grutter构建一个脚本,我该怎么做?
- npm install -g grunt表示在全球范围内安装grunt,不再推荐(从grunt 0.4开始)。
要设置gruntjs build,请执行以下步骤:
确保您已设置了package.json或设置了新的:
将grunt cli安装为global:
1
| npm install -g grunt-cli |
在本地项目中安装grunt:
1
| npm install grunt --save-dev |
安装您在构建过程中可能需要的任何grunt模块。为了这个示例,我将添加concat模块以将文件组合在一起:
1
| npm install grunt-contrib-concat --save-dev |
现在您需要设置您的Gruntfile.js,它将描述您的构建过程。对于这个示例,我只是将js文件夹中的两个js文件file1.js和file2.js组合在一起,生成app.js:
4
现在,您可以通过以下命令运行构建过程:
我希望这能让您了解如何使用GruntJS构建。
注:
如果需要基于向导的创建而不是步骤5的原始编码,则可以使用grunt-init来创建Gruntfile.js。
为此,请遵循以下步骤:
1 2 3
| 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将正确识别~。
- 这个答案需要被接受。+ 1
- 这就是我一直在找的,谢谢。另外,是否需要将gruntfile.js放在项目根文件夹中(否则无法在Windows上运行)?
- 步骤5是否可以非常基本地使用grunt init:gruntfile进行设置?我试过这样做,但总是出错:Fatal error: Unable to find Gruntfile。创建gruntfile.js是否始终是手动过程?如果是这样,我看到了在自动生成gruntfile.js的地方使用yeoman的好处(这仍然适用于我将创建的项目,而这些项目实际上不是webapps)。
- @micah,您可以使用grunt init工具轻松创建gruntfile。我将更新主日志并将其作为注释添加。
- @库巴尼,我很困惑。在这个不咕哝的项目的目录中,我已经遵循了步骤1-4。现在我刚刚运行了npm install -g grunt-init,它安装成功。我和grunt init:gruntfile一起遵循了这一点,它仍然给了我同样致命的错误。我错过了什么?
- grunt init:gruntfile不正确。grunt init是基于模板的脚手架的不同助手,您需要将gruntfile模板安装到能够生成gruntfile.js的ba上。
- 考虑到我在那里读到的其他东西,这真是令人困惑。但我很感谢你的反馈。例如,如果您不使用yeoman,那么通常的做法是从零开始手动构建grunt file.js,然后在grunt文件中安装要使用的grunt模块吗?
- 对我来说,这是更个人的偏好,因为我喜欢完全控制我的代码,这就是为什么我从零开始手工创建gruntfile.js,或者基于我以前的一些项目创建gruntfile.js。根据我在GruntJS社区的评论,我在很多用户中看到了相同的模式。
- 这完全有道理,我能理解为什么要这样做。我对前端标记很熟悉,但对JS不太熟悉,所以这一切都是新的。看到yeoman gruntfile.js有多复杂,我甚至不知道从哪里开始为我已经开始的非grunt/非节点项目创建,所以要想知道如何使它工作是很困难的。我很感谢你的时间和知识来消除我的困惑。
有时我们需要为Windows设置路径变量
%USERPROFILE%\AppData
oaming
pm
在用where grunt进行测试后
注意:不要忘记关闭命令提示窗口并重新打开它。
我也遇到了同样的问题,但我通过将grunt.js改为gruntfile.js解决了这个问题。在windows cmd上键入grunt.cmd(如果您使用的是windows)之前,请检查您的文件名。