2015-09-13 9 views
6

TVML Apple TVアプリで使用するために外部のJavaScriptライブラリを読み込んで使用することはできますか?TVMLベースのApple TVアプリケーション用の外部JavaScriptライブラリを使用しますか?

たとえば、Firebase jsライブラリをロードしてデータを取得することはできますか?または、機能を使用するためにロードロダッシュ?

+0

browserfyを使用してrequireを使用しています。約束を守れ! – mcabe

+0

@mcabe可能でしょうか? –

+1

私は自分のアーキテクチャをデモする[repo](https://github.com/mcabe/appletvmljs)をセットアップしました。しかし、それのリストはnpmを使って任意の陳腐化をインストールし、それらと私のビューコントローラだけを必要とします。私のファイルをブラウジングするだけです。 – mcabe

答えて

6

evaluateScript関数を使用して外部JavaScriptライブラリを読み込むことができます。

evaluateScripts([“ARRAY OF JS URLS”], function(success) { 

// do work here once the JavaScript files have been evaluated 

}] 
5

私は単一縮小さapplication.jsファイルに私の依存関係のすべてをパッケージ化するのWebPACKを使用して運を持っていました。 Webpackは、必要なcommonjsモジュールとサードパーティライブラリのバンドルを処理し、babel-loaderを使用して欠落しているes6サポート(インポート/エクスポート、const/let、arrow関数など)を追加できます。ここで

は私application.jsです:

require('babel-polyfill'); 
import Presenter from './presenter'; 
import ResourceLoader from './resourceLoader'; 

App.onLaunch = function(options) { 
    let resourceLoader = new ResourceLoader(options.BASEURL); 

    Presenter.resourceLoader = resourceLoader; 

    let index = resourceLoader.loadResource(`${options.BASEURL}templates/Index.xml.js`, (resource) => { 
    let doc = Presenter.makeDocument(resource); 
    doc.addEventListener('select', Presenter.load.bind(Presenter)); 
    navigationDocument.pushDocument(doc); 
    }); 
} 

と私のwebpack.config.js:

var webpack = require('webpack'); 

module.exports = { 
    entry: "./src/js/application.js", 
    output: { 
     path: __dirname + "/public/js", 
     filename: "application.js" 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /(node_modules|bower_components)/, 
     loader: 'babel', 
     query: { 
      cacheDirectory: true, 
      presets: ['es2015'] 
     } 
     } 
    ] 
    } 
}; 
+0

そして、どのようにWebpack出力jsでデバッグするためにサファリWebインスペクタを使用しますか? – zfu

関連する問題