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

Question

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

'grunt' is not recognized as an internal or external command, operable program or batch file.

我试过了运行宁

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

None 以上命令对我有用。有人可以指出使用 G运行t 的分步过程是什么吗？这是 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 全局安装 Grunt CLI：npm install -g grunt-cli
打开您的项目文件夹：cd <your_project>
在本地 node_modules 文件夹中安装依赖项：npm install

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

node -v 显示节点版本
npm -v 显示 npm 的版本
grunt -V（"V" 在这里是大写）显示 grunt

之后您必须创建 Gruntfile.js 来缩小您的 js 文件。像这样在那里注册 grunt 任务：

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

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

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

Creating minified js files using Grunt for AngularJS project

angularjs

gruntjs