Rollup-pulgin-ng1-annotate NPM

rollup-pulgin-ng1-annotate

解决 angularjs 1 的依赖注入在 es6 和普通的代码的可以使用 Add angularjs dependency injection annotations with ng-annotate

Install

$ npm i rollup-pulgin-ng1-annotate -D
of
$ yarn add rollup-pulgin-ng1-annotate -D

Usage

如果是es6 必须写在babel 插件之后【If it is es6 must after Babel】 see demo examples/test.es6.js or examples/test.js

import babel from 'rollup-plugin-babel'
import nodeResolve from 'rollup-plugin-node-resolve'
import commonjs from 'rollup-plugin-commonjs'
import {resolve} from 'path'
export default {
  format: 'cjs',
  entry: resolve(__dirname, './test.es6.js'),
  dest: resolve(__dirname, './dist/index.js'),
  plugins: [
    babel({
       exclude: 'node_modules/**'
    }),
    nodeResolve(),
    commonjs(),
    ng()
  ]
}

来自 ng-annotate docs

ng-annotate supports ES5 as input so run it with the output from Babel, Traceur, TypeScript (tsc) and the likes. Use "ngInject" on functions you want annotated. Your transpiler should preserve directive prologues, if not please file a bug on it.

'use strict'
import A from './1.es6.js'
class HelloCtrl {
    constructor($scope, HelloAccount, $rcTableDelegate, $rcModal) {
      'ngInject';
      $scope.hello = ''
      this.b = ''
    }

    init() {
    }
}

Options

You can pass any of the ng-annotate options as an object:

  {
    include: '**/*.js',
    exclude: '',
    // see [ng-annotate] options https://github.com/olov/ng-annotate/blob/master/OPTIONS.md
    ngConfig: {
      add: true
    }
  }