如何在grunt任务中将ngAnnotate替换为babel-plugin-angularjs-annotate

Question

我正在使用angular js（1.6），在grunt中有以下任务来缩小角度模块

ngAnnotate: {
  dist: {
    files: [{
      expand: true,
      cwd: '.tmp/concat/scripts',
      src: '*.js',
      dest: '.tmp/concat/scripts'
    }]
  }
}

但以上任务不支持ES2015和ES2016功能 如何在grunt文件的 grunt 任务中添加 babel-plugin-angularjs-annotate

Answer 1

首先，安装插件：

npm install babel-plugin-angularjs-annotate --save-dev

那么有两种方法：

1. 按照自述文件，将插件添加到.babelrc文件中：

   { “ plugins”：[“ angularjs-annotate”] }

2. 在grunt.initConfig中，将此插件设置为babel部分，例如：

   babel：{ 选项：{     sourceMap：是的，     预设：[@ babel / preset-env]，     插件：['angularjs-annotate'] }， 文件：{   扩展：是的，   ... } }

其中任何一个都可以工作。

我的环境：

1. grunt-cli v1.3.2
2. grunt v1.0.3