jstrimpel

Is it possible to have separate build processes that generate bundles that define dependencies, which can be used by an application without having to expose globals and rely on aliases?

Requirement

There are two separate build processes:

• Core: This builds a distribution of common core dependencies
• Component: This externalizes anything in core build

Use Case

The following two files are entry points for two different build processes. The component entry webpack config defines core as an external.

jstrimpel

I have two modules A and B. A declares B as a dependency. B is built into a bundle and B's bundle is used as an entry for a DllPlugin bundle. A's build uses the manifest generated by B in a DllReferencePlugin config. I cannot get A's build to externalize and reference B's DLL. Below are the plugin configurations.

A

new webpack.DllReferencePlugin({
  context: 'ABSOLUTE_PATH_TO_B',
  manifest: require('ABSOLUTE_PATH_TO_B/dist/index-manifest')
})

jstrimpel

• Capture analytics from synthetic events and gather performance metrics
• Transform React components

jstrimpel

function getAttributeValues(html) { 
    var htmlSubstr = html,
        match = true,
        values = [],
        start = 0;

    while (match) {
        htmlSubstr = htmlSubstr.substr(start);
        match = htmlSubstr.match(/<[^>]*\s(?:some-attribute-name=["']([^"']*)["'])[^>]*>/);
        if (match) {

jstrimpel

var fetch = Backbone.Collection.prototype.fetch;
var reset = Backbone.Collection.prototype.reset;

Backbone.Collection.prototype.fetch = function (options) {
    if (options.unshift || options.push) { // force a reset
        options.reset = true;
    }

    return fetch.call(this, options);
};

jstrimpel

// server start up
var requirejs = require('requirejs');
requirejs.config({
  paths: {}, // bunch of paths
  baseUrl: 'dirpath'
});

// request handler
// http request - much more going on here, but this is basically what happens
requirejs.optimize({ baseUrl: 'anotherdirpath', paths: {} }, function () {

jstrimpel

NS.Application = Marionette.Application.extend({ 

	constructor: function () { 
               var that = this, events;
               Marionette.Application.prototype.constructor.apply(this, arguments);	
		
		events = {

			on: function (topic, func, object) {
				this.vent.on(topic, func, (object ? object : undefined));

jstrimpel

// main module
define(['core/text!template/main.html', 'js/foo', 'js/bar', 'js/baz'], function (template, foo, bar, baz) { });


// build.json used for optimize
{

	"baseUrl": "./src/client",

	"dir": "./web",

jstrimpel

var q = require('/home/wwwyzzerdd/node_modules/q'),
	fs = require('fs');

var foo = function () {
	var deferred = q.defer();
	fs.readFile('in.txt', 'utf8', deferred.makeNodeResolver());
	return deferred.promise;
};

var read = function () {

jstrimpel

global
    maxconn 4096
    pidfile /var/run/haproxy.pid
    debug

defaults
    mode http

frontend all
    bind 0.0.0.0:80