2016-10-19 2 views
0

私はあなたがpackage.jsonで次のスクリプトを呼び出し、端末npm run build:jsから実行することができます。すなわち、それをバンドルするbrowserifyスクリプトを呼び出すためにNPMを使用して角度SPAのビルドを設計していますbrowserify --requireファイルを角モジュールに渡すにはどうすればいいですか?

私は「何
"build:js": "browserify -r ./params-dev.js -e src/app/index.js -o build/index.js" 

ここでやろうとしているのは、prodとQAの2つの異なる設定オブジェクトを作成することです。各ファイルには異なるファイル(params-dev.jsまたはparams-prod.js)が必要です(上記のコマンドのように)。

結果のバンドルでこれらの変数にアクセスするにはどうすればいいですか?彼らは環境特有であり、分析コードなどを指しているものもあります。さらに、私はそれらを現在どこにいるグローバルスコープから移動しようとしています。

ここに、バンドルに含めるparamsファイルのサンプルを示します。 QAのために1つとQAのために1つがあります:

var merge = require('merge'), 
    params = require('./params') 

exports.config = merge(params, { 
    env: 'prod', 
    analyticsCode: 'blah08yweblah2e823lnblah', 
    otherProps: '...etc...' 
}) 

私は今どのように私のAngularJSモジュールでこれらの変数にアクセスしますか?ここで明白な何かが欠けているような気がする。

誰もが考えている?詳細が必要な場合はお知らせください。

それは私のindex.jsは、私はそれを考え出した

(function() { 
    // common app require statements 
    require('blah') 
    require('blah-2') 
    angular.module('app', [require('angular-route')]) 
    // etc etc 
})() 

答えて

0

のように見えます、助け場合。 :)私はそうのようなコマンドで必要なファイルパスの最後にターゲットを追加する場合:

"build:js": "browserify -r ./params-dev.js:params -e src/app/index.js -o build/index.js" 

私は角度のファイルにvar params = require('params')を追加することにより、オブジェクトにアクセスすることができます。

関連する問題