单个模块中的Angular 1.x和es6多个常量

克里斯蒂

因此,我有责任将es5转换为es6模块。

如果ES6的角度模块中有多个常数,如何导出/导入一个角度常数模块?

例如constants.js

export default angular.module('myConstants', [])
  .constant('foo', {result: 'bar'})
  .constant('blah', {result: 'bar'});

service.js

import foo from './constants';
import blah from './constants'; // Tried this. This won't work

这是否意味着我必须将常量拆分为单独的模块?还是应该使用const关键字将它们转换为ES6常量?

使用Webpack和Babel加载程序的Pps

附言:我必须使用伪代码,因为我无法粘贴工作代码。

那将是烧瓶

Angularconstant服务只是在配置阶段可用的一种服务,是建议的存储模块常量的方法(因此命名)。它不是真正的常数,可以随时用覆盖$provide.constant

链接的angular.module(...)导出Module对象在非角度环境中是没有意义的。

为Angular模块和ES6模块保留单独的导出。常规上导出Angular模块name属性,该字符串可以在语义上导入并在其他模块中使用。

export const foo = ...;

export default angular.module('myConstants', []).constant('foo', foo).name;

import myConstantsMod, {foo} from './constants';

angular.module(..., [myConstantsMod])...

这取决于foo导入的目的,但通常非默认的ES6导入/导出应限于特定于语言的用法(抽象类,基础对象等),并且不应替换Angular模块化功能,这是由于其不可缺少的可测试性。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular 1 $scope 和 ES6 Promises

来自分类Dev

在ES6中,该模块将导致多个网络调用,因为无法在单个文件中定义2个模块

来自分类Dev

Angular 1.x ES6 Webpack包含第三方库

来自分类Dev

Angular 1.x ES6 Webpack包含第三方库

来自分类Dev

单个模块中的多个React组件

来自分类Dev

单个文件SPA中的多个模块

来自分类Dev

在单个页面中调用多个模块?

来自分类Dev

ES6模块:导出单个类的静态方法或多个单独的方法

来自分类Dev

如何从多个TypeScript文件构建单个ES6模块(用于前端库)

来自分类Dev

Browserify-具有ES6模块以及多个源文件和导出的独立版本

来自分类Dev

ES6解构和模块导入

来自分类Dev

ES6模块和继承

来自分类Dev

使用Angular 1 App管理Typescript中的ES6 / 2015承诺

来自分类Dev

使用Angular 1 App管理Typescript中的ES6 / 2015承诺

来自分类Dev

从 Angular 1 中的注入模块访问服务

来自分类Dev

将Babel与单个输出文件和ES6模块一起使用

来自分类Dev

如何使用带有Mongoose和ES6 Promise的Graphql中的find解析多个记录

来自分类Dev

在 ES6 和 React 中随时间返回多个值

来自分类Dev

在NativeScript angular 2应用中重用angular 1模块

来自分类Dev

用于多个“静态”功能的ES6模块语法

来自分类Dev

从ES6中的模块调用函数

来自分类Dev

如何加载在单个文件中定义的多个命名AMD模块?

来自分类Dev

ES6模块-如果未在React组件中导入的常量未定义

来自分类Dev

在带有多个文件的ES6模块中创建名称空间。馊主意?

来自分类Dev

在Angular应用程序中使用ES6模块库和意外的令牌“导出”错误

来自分类Dev

在ES6中使用单个公共密钥合并X个对象数组的数组

来自分类Dev

在Monorepo中的模块之间共享ES6模块

来自分类Dev

使用ES6模块和Browserify的Rails资产管道

来自分类Dev

使用ES6模块和CoffeeScript的首选方式

Related 相关文章

  1. 1

    Angular 1 $scope 和 ES6 Promises

  2. 2

    在ES6中,该模块将导致多个网络调用,因为无法在单个文件中定义2个模块

  3. 3

    Angular 1.x ES6 Webpack包含第三方库

  4. 4

    Angular 1.x ES6 Webpack包含第三方库

  5. 5

    单个模块中的多个React组件

  6. 6

    单个文件SPA中的多个模块

  7. 7

    在单个页面中调用多个模块?

  8. 8

    ES6模块:导出单个类的静态方法或多个单独的方法

  9. 9

    如何从多个TypeScript文件构建单个ES6模块(用于前端库)

  10. 10

    Browserify-具有ES6模块以及多个源文件和导出的独立版本

  11. 11

    ES6解构和模块导入

  12. 12

    ES6模块和继承

  13. 13

    使用Angular 1 App管理Typescript中的ES6 / 2015承诺

  14. 14

    使用Angular 1 App管理Typescript中的ES6 / 2015承诺

  15. 15

    从 Angular 1 中的注入模块访问服务

  16. 16

    将Babel与单个输出文件和ES6模块一起使用

  17. 17

    如何使用带有Mongoose和ES6 Promise的Graphql中的find解析多个记录

  18. 18

    在 ES6 和 React 中随时间返回多个值

  19. 19

    在NativeScript angular 2应用中重用angular 1模块

  20. 20

    用于多个“静态”功能的ES6模块语法

  21. 21

    从ES6中的模块调用函数

  22. 22

    如何加载在单个文件中定义的多个命名AMD模块?

  23. 23

    ES6模块-如果未在React组件中导入的常量未定义

  24. 24

    在带有多个文件的ES6模块中创建名称空间。馊主意?

  25. 25

    在Angular应用程序中使用ES6模块库和意外的令牌“导出”错误

  26. 26

    在ES6中使用单个公共密钥合并X个对象数组的数组

  27. 27

    在Monorepo中的模块之间共享ES6模块

  28. 28

    使用ES6模块和Browserify的Rails资产管道

  29. 29

    使用ES6模块和CoffeeScript的首选方式

热门标签

归档