मेरे पास मेरी सभी निर्भरताओं को एक मिनीकृत application.js फ़ाइल में पैकेज करने के लिए वेबपैक का उपयोग करके भाग्य है। वेबपैक आवश्यक सामान्यज मॉड्यूल और तृतीय-पक्ष पुस्तकालयों को बंडल करने में संभाल लेगा और आप लापता es6 समर्थन (आयात/निर्यात, कॉन्स/लेट, तीर फ़ंक्शंस इत्यादि) जोड़ने के लिए बेबेल-लोडर का उपयोग कर सकते हैं।
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:
यहाँ मेरी application.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']
}
}
]
}
};
स्रोत
2015-11-04 22:58:22
मैं ब्राउज़रफ़ी का उपयोग कर सफलतापूर्वक उपयोग कर रहा हूं। वादे जाओ! – mcabe
@mcabe क्या आप संभवतः एक उदाहरण प्रदान कर सकते हैं? –
निश्चित रूप से। मैंने एक [रेपो] (https://github.com/mcabe/appletvmljs) स्थापित किया जो मेरे आर्किटेक्चर को डेमो करता है। लेकिन इसकी सूची मैं किसी भी निर्णय को स्थापित करने के लिए एनपीएम का उपयोग करता हूं और केवल उन्हें और मेरे व्यू-कंट्रोलर की आवश्यकता होती है। ब्राउजरिफा सिर्फ मेरी फाइलों को बंडल करें। – mcabe