TVML Apple TV アプリで使用する外部 JavaScript ライブラリを読み込んで使用することはできますか?
たとえば、Firebase js ライブラリを読み込んで、それを使用してデータを取得できますか? または、lodash をロードしてその機能を使用しますか?
TVML Apple TV アプリで使用する外部 JavaScript ライブラリを読み込んで使用することはできますか?
たとえば、Firebase js ライブラリを読み込んで、それを使用してデータを取得できますか? または、lodash をロードしてその機能を使用しますか?
evaluateScript 関数を使用して外部 JavaScript ライブラリをロードできます。
evaluateScripts([“ARRAY OF JS URLS”], function(success) {
// do work here once the JavaScript files have been evaluated
})
webpack を使用して、すべての依存関係を単一の縮小された application.js ファイルにパッケージ化することができました。Webpack は、必要な commonjs モジュールとサードパーティ ライブラリのバンドルを処理し、babel-loader を使用して不足している es6 サポート (インポート/エクスポート、const/let、アロー関数など) を追加できます。
ここに私の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']
}
}
]
}
};
https://github.com/emadalam/tvml-catalog-using-atvjs
Handlebars、lodash、atvjsなどの外部ライブラリを使用しているatvjsフレームワークを使用して書き直された元のサンプル コードのこのポートを参照してください。