捆绑后未定义应用程序

Question

我在我的代码上运行browserify,它如下:

import './app';

//——————————————————————————————————————————————————//
// Components
//——————————————————————————————————————————————————//

import './components/_ntToggleClass';

应用很简单

const app = angular.module('app', []);

而文件components是,组件.但他们正在使用前述app:

  app.directive('ntToggleClass', () => {
    ...    }

当我手动将所有内容放在一个文件中时,一切正常.但在我使用browserify后,我得到了

未捕获的ReferenceError:未定义app

当我查看代码时,两者var app和指令都在那里.

Answer 1

我的一个朋友来帮忙;-)

我正在使用 Babel （我认为这是显而易见的，因为我使用了importnot ）进行编码（准确地说，requireBabelify 使用），所以，正如我所拥有的，我也需要。es2015importexport

解决方案很简单，我所要做的就是把

export default app;

在我的文件末尾app.js，然后使用导入它

import app from '../app';

进入我的指令/组件等。