necolas

/**
* @preserve Copyright 2012 Twitter, Inc.
* @license http://www.apache.org/licenses/LICENSE-2.0.txt
*/
var Hogan={};(function(e,t){function n(e,t,n){var r,i;return t&&typeof t=="object"&&(t[e]!=null?r=t[e]:n&&t.get&&typeof t.get=="function"&&(r=t.get(e))),r}function r(e,t,n,r,i,s){function o(){}function u(){}o.prototype=e,u.prototype=e.subs;var a,f=new o;f.subs=new u,f.subsText={},f.ib(),r=r||{},f.stackSubs=r;for(a in t)r[a]||(r[a]=t[a]),f.subsText[a]=s;for(a in r)f.subs[a]=r[a];i=i||{},f.stackPartials=i;for(a in n)i[a]||(i[a]=n[a]);for(a in i)f.partials[a]=i[a];return f}function l(e){return String(e===null||e===undefined?"":e)}function c(e){return e=l(e),f.test(e)?e.replace(i,"&").replace(s,"<").replace(o,">").replace(u,"'").replace(a,"""):e}e.Template=function(e,t,n,r){e=e||{},this.r=e.code||this.r,this.c=n,this.options=r||{},this.text=t||"",this.partials=e.partials||{},this.subs=e.subs||{},this.ib()},e.Template.prototype={r:function(e,t,n){return""},v:c,t:l,render:function(t,n,r){retu

necolas

.
├── README.md
├── component.json
├── components (installed by Component(1))
├── components-data
│   ├── a-page.md
│   └── articles
├── components-local
│   ├── article
│   │   ├── article.css

necolas

See: A simple Git deployment strategt for static sites

necolas

.a {
  background: red;
}

necolas

.a {
  background: red;
  /* dropped linear gradient based on IE CSS support (like what autoprefixer does) */
  zoom: 1;
}
 
.b {
  background: green;
}

necolas

:root {
  --margin-MyComponent-part: var(--theme-margin-small);
}

.MyComponent {}

.MyComponent-part {
  margin: var(--margin-MyComponent-part);
}

necolas

var TweetBox = defineComponent(function() {
  this.attributes({
    charLimit: 140
    withGeoControl: false;	
  });

  if (withGeoControl ===  true) {
    // attach to a sub node
    this.child(GeoControl).attachTo('.GeoControl');
  }

necolas

about/index.css was changed. color: black -> color: blue.

Issues with output:

• Same hash
• Same chunkhash (messes with cache invalidation of CSS)
• Another different publicPath coming from file-loader in the extracted CSS.

Webpack

necolas

var path = require('path');

/**
 * CSS transform dependencies
 */

var autoprefixer = require('autoprefixer-core');
var calc = require('rework-calc');
var color = require('rework-color-function');
var conformance = require('rework-suit-conformance');

necolas

/**
 * Functional and Unit test configuration
 *
 * This configuration file has to work in both Node.js and browser environments.
 * Therefore, this config is a template that is used to build the Intern config
 * used to run the tests. The packages and suites are automatically defined.
 *
 * Learn more about configuring Intern at:
 * https://github.com/theintern/intern/wiki/Configuring-Intern
 */