アプリが、私は私のコードでbrowserify実行しています

Question

をバンドルした後に定義されていない、それは次のとおりです。

import './app'; 

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

import './components/_ntToggleClass'; 

アプリは、単に

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

あるcomponents内のファイルがある一方で、よく、コンポーネント。しかし、彼らはforementioned appを使用している：私は手で一つのファイルにすべてをかけるとき

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

、すべてが働きました。私は、コードの中を見たときしかし、私はこの上browserify使用した後、私は

Uncaught ReferenceError: app is not defined

を取得しています、両方var appとディレクティブがあります。

Answer 1

私の友人助けを借りて来ました;-)

私が使用するので（私は、thasは明白だと思ったバベルを使用していますimportではないrequire）私はimportを持っているので、exportも必要です。

ソリューションは、私がしなければならなかったすべては私のapp.jsファイルの末尾に

export default app; 

を入れた後、私のディレクティブ/部品などへの

import app from '../app'; 

を使用して、それをインポートすることで、非常に簡単です

Answer 2

私はgithubの簡単なサンプルを一緒に打ちました。これは、ブラウザで動作する作業リポジトリを提供します。

私は以前のコメントを削除しました。レポがあなたの質問に答えなければならないと思います。

編集：私はちょうど今、あなたの質問を得ただと思う、あなただけお互いのファイルに使用されるグローバル変数appを作成しようとしていましたか？ これは、browserifyを使用すると不可能です。ファイル内のrequired以外の変数は、undefinedを返します。

browserifyを使用する場合は、必要なものだけを要求してください。

Answer 3

私はそれが定義の発注についてだと思います。

const app = angular.module('app', []); この部分は一部下記の先頭でなければなりません：

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