angularjs - 如何在 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 特性 如何 在 iegrunt 文件的grunt任务中添加babel-plugin-angularjs-annotate

Answer 1

首先，安装插件：

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

那么有两种方法：

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

   {“插件”：[“angularjs-annotate”]}

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

   babel: { options: { sourceMap: true, presets: [@babel/preset-env], plugins: ['angularjs-annotate'] }, files: { expand: true, ... } }

他们中的任何一个都可以工作。

我的环境：

1. 咕噜声-cli v1.3.2
2. 咕噜声 v1.0.3