私はあなたが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
})()