如何在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文件中：

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

2. 在grunt.initConfig中，將此插件設置為babel部分，例如：

   babel：{選項：{sourceMap：true，預設：[@ babel / preset-env]，插件：['angularjs-annotate']}，文件：{expand：true，...}}

他們中的任何一個都可以。

我的環境：

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