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-loaderin the extracted CSS.
| .abcd { | |
| align-items: center; | |
| } | |
| .efgh { | |
| background: blue; | |
| } | |
| .ijkl { | |
| color: red; |
| 'use strict'; | |
| /** | |
| * Base component driver | |
| * | |
| * Related docs: | |
| * https://theintern.github.io/leadfoot/Command.html | |
| * https://theintern.github.io/leadfoot/Element.html | |
| * | |
| * @param {leadfoot/Command} remote |
| /** | |
| * 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 | |
| */ |
| 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'); |
| var TweetBox = defineComponent(function() { | |
| this.attributes({ | |
| charLimit: 140 | |
| withGeoControl: false; | |
| }); | |
| if (withGeoControl === true) { | |
| // attach to a sub node | |
| this.child(GeoControl).attachTo('.GeoControl'); | |
| } |
| :root { | |
| --margin-MyComponent-part: var(--theme-margin-small); | |
| } | |
| .MyComponent {} | |
| .MyComponent-part { | |
| margin: var(--margin-MyComponent-part); | |
| } |
| .a { | |
| background: red; | |
| /* dropped linear gradient based on IE CSS support (like what autoprefixer does) */ | |
| zoom: 1; | |
| } | |
| .b { | |
| background: green; | |
| } |
| .a { | |
| background: red; | |
| } |