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

使用Grunt为AngularJS项目创建缩小的js文件,angularjs,gruntjs,Angularjs,Gruntjs,我有一个现有的AngularJS项目,有大量的控制器和HTML页面。我需要使用Grunt来创建缩小的JS文件。问题是我无法与Grunt合作。每当我运行grunt命令时,总会出现以下错误: “grunt”不被识别为内部或外部命令,可操作 程序或批处理文件 我试着跑步 npm安装 npm安装-g npm安装-g grunt cli npm安装grunt--保存开发 以上命令对我都不起作用。有人能指出什么是使用Grunt的一步一步的过程吗?下面是package.json的外观: { "name":

我有一个现有的AngularJS项目,有大量的控制器和HTML页面。我需要使用Grunt来创建缩小的JS文件。问题是我无法与Grunt合作。每当我运行grunt命令时,总会出现以下错误:

“grunt”不被识别为内部或外部命令,可操作 程序或批处理文件

我试着跑步

npm安装
npm安装-g
npm安装-g grunt cli
npm安装grunt--保存开发

以上命令对我都不起作用。有人能指出什么是使用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"
  ]
}
{
“名称”:“咕噜缓存半身像”,
“描述”:“使用内容哈希从缓存中清除静态资产”,
“版本”:“0.6.0”,
“作者”:“本·霍兰德”,
“存储库”:{
“类型”:“git”,
“url”:”git://github.com/hollandben/grunt-cache-bust.git"
},
“许可证”:[
{
“类型”:“MIT”,
“url”:”https://github.com/hollandben/grunt-cache-bust/blob/master/LICENSE-MIT"
}
],
“发动机”:{
“节点”:“>=0.10.0”
},
“脚本”:{
“测试”:“咕噜测试”
},
“依赖性”:{
“咕噜”:“^1.0.3”,
“grunt contrib clean”:“~0.6.0”,
“grunt contrib副本”:“~0.8.0”,
“grunt contrib jshint”:“~0.11.0”,
“grunt contrib nodeunit”:“~0.4.1”,
“grunt contrib手表”:“~0.6.1”
},
“对等关系”:{
“咕噜”:“~0.4.5”
},
“依赖项”:{
“干杯”:“~0.18.0”,
“css”:“~2.2.0”,
“展平”:“~0.0.1”,
路径是绝对路径“^1.0.0”
},
“关键词”:[
“咕噜声”,
“grunt插件”,
“缓存”,
“半身像”,
“破产资产”
]
}
步骤:

  • 下载并安装nodejs:
  • 下载并安装npm
  • 使用npm全局安装Grunt CLI:
    npm安装-g Grunt CLI
  • 打开项目文件夹:
    cd
  • 在本地节点模块文件夹中安装依赖项:
    npm install
  • 检查所有设备是否已安装:

  • 节点-v
    显示节点的版本
  • npm-v
    显示npm的版本
  • grunt-V
    (“V”在这里是大写)显示grunt的版本
  • 之后,您必须创建
    Gruntfile.js
    ,以缩小js文件。在此处注册grunt任务,如下所示:

    grunt.registerTask('default', [
       ... 
    ]);
    
    并使用npm包。 如果需要,您还可以使用
    缩小的
    选项