Question

我有一个现有的AngularJS项目，其中包含大量的控制器和HTML页面。我需要使用Grunt创建缩小的JS文件。问题是我无法与Grunt合作。每当我运行grunt命令时，我总是会收到错误消息：

'grunt'不被识别为内部或外部命令，可操作程序或批处理文件。

我尝试跑步

npm install
  npm install -g
  npm install -g grunt-cli
  npm install grunt --save-dev

以上命令对我都不起作用。有人可以指出与Grunt合作的步骤是什么？这是package.json的样子：

{
  "name": "grunt-cache-bust",
  "description": "Bust static assets from the cache using content hashing",
  "version": "0.6.0",
  "author": "Ben Holland <hi@benholland.me>",
  "repository": {
    "type": "git",
    "url": "git://github.com/hollandben/grunt-cache-bust.git"
  },
  "licenses": [
    {
      "type": "MIT",
      "url": "https://github.com/hollandben/grunt-cache-bust/blob/master/LICENSE-MIT"
    }
  ],
  "engines": {
    "node": ">= 0.10.0"
  },
  "scripts": {
    "test": "grunt test"
  },
  "devDependencies": {
    "grunt": "^1.0.3",
    "grunt-contrib-clean": "~0.6.0",
    "grunt-contrib-copy": "~0.8.0",
    "grunt-contrib-jshint": "~0.11.0",
    "grunt-contrib-nodeunit": "~0.4.1",
    "grunt-contrib-watch": "~0.6.1"
  },
  "peerDependencies": {
    "grunt": "~0.4.5"
  },
  "dependencies": {
    "cheerio": "~0.18.0",
    "css": "~2.2.0",
    "flatten": "~0.0.1",
    "path-is-absolute": "^1.0.0"
  },
  "keywords": [
    "grunt",
    "grunt plugin",
    "cache",
    "bust",
    "bust assets"
  ]
}

Answer 1

步骤：

下载并安装nodejs：https://nodejs.org/en/
下载并安装npm https://www.npmjs.com/get-npm
使用npm：npm install -g grunt-cli
打开您的项目文件夹：cd <your_project>
将依赖项安装在本地node_modules文件夹中：npm install

检查是否已安装所有内容：

node -v显示节点的版本
npm -v显示npm的版本
grunt -V（此处的“ V”为大写）显示咕unt声的版本

此后，您必须创建Gruntfile.js以缩小js文件。在此处注册grunt任务：

grunt.registerTask('default', [
   ... 
]);

并使用npm软件包grunt-contrib-uglify。如果需要minified选项，也可以使用grunt-babel。

使用Grunt for AngularJS项目创建缩小的js文件

1 个答案: