一覧へ戻る
xierenyuan/rollup-plugin-ng-annotate(新しいタブで開きます)
主要言語: JavaScript
ng1 自动引入依赖
- star 数
- 2
- watcher 数
- 1
- fork 数
- 0
- issue 数
- 0
- 最終更新
- 2017/05/26
主要言語: JavaScript
ng1 自动引入依赖
解决 angularjs 1 的依赖注入 在 es6 和 普通的代码的可以使用 Add angularjs dependency injection annotations with ng-annotate
$ npm i rollup-pulgin-ng1-annotate -D of $ yarn add rollup-pulgin-ng1-annotate -D
如果是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 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() { } }
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 } }