关于npm:如何安装grunt以及如何使用它构建脚本

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构建一个脚本,我该怎么做?


要设置gruntjs build,请执行以下步骤:

  • 确保您已设置了package.json或设置了新的:

    1
    npm init
  • 将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.jsfile2.js组合在一起,生成app.js

    4
  • 现在,您可以通过以下命令运行构建过程:

    1
    grunt
  • 我希望这能让您了解如何使用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将正确识别~


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

    %USERPROFILE%\AppData
    oaming
    pm

    在用where grunt进行测试后

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


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