WIP getting prod working with minicss webpack plugin

master
d98762625 2019-02-11 14:29:29 +00:00
parent 58a8af20a6
commit d22eac9f35
2 changed files with 26 additions and 8 deletions

View File

@ -194,7 +194,8 @@ module.exports = function (grunt) {
sitemap: "./src/web/static/sitemap.js" sitemap: "./src/web/static/sitemap.js"
}, moduleEntryPoints), }, moduleEntryPoints),
output: { output: {
path: __dirname + "/build/prod" path: __dirname + "/build/prod",
globalObject: "this"
}, },
resolve: { resolve: {
alias: { alias: {

View File

@ -8,6 +8,8 @@ import HTMLOperation from "./HTMLOperation";
import Sortable from "sortablejs"; import Sortable from "sortablejs";
import Utils from "../core/Utils"; import Utils from "../core/Utils";
/*eslint no-console: ["off"] */
/** /**
* Waiter to handle events related to the recipe. * Waiter to handle events related to the recipe.
@ -561,6 +563,8 @@ class RecipeWaiter {
this.ingredientChildRuleID = null; this.ingredientChildRuleID = null;
// Find relevant rules in the stylesheet // Find relevant rules in the stylesheet
// try {
if (document.styleSheets[0].hasOwnProperty("cssRules")) {
for (const i in document.styleSheets[0].cssRules) { for (const i in document.styleSheets[0].cssRules) {
if (document.styleSheets[0].cssRules[i].selectorText === ".ingredients") { if (document.styleSheets[0].cssRules[i].selectorText === ".ingredients") {
this.ingredientRuleID = i; this.ingredientRuleID = i;
@ -570,11 +574,24 @@ class RecipeWaiter {
} }
} }
} }
// } catch (e) {
// console.log(e.constructor);
// console.warn("Can't read the css rules of: " + document.styleSheets[0], e);
// }
}
if (!this.ingredientRuleID || !this.ingredientChildRuleID) return; if (!this.ingredientRuleID || !this.ingredientChildRuleID) return;
let ingredientRule, ingredientChildRule;
const ingredientRule = document.styleSheets[0].cssRules[this.ingredientRuleID], // Chrome 64+
// try {
if (document.styleSheets[0].hasOwnProperty("cssRules")) {
ingredientRule = document.styleSheets[0].cssRules[this.ingredientRuleID];
ingredientChildRule = document.styleSheets[0].cssRules[this.ingredientChildRuleID]; ingredientChildRule = document.styleSheets[0].cssRules[this.ingredientChildRuleID];
}
// } catch (e) {
// console.warn("Can't read the css rules of: " + document.styleSheets[0], e);
// }
if (recList.clientWidth < 450) { if (recList.clientWidth < 450) {
ingredientRule.style.gridTemplateColumns = "auto auto"; ingredientRule.style.gridTemplateColumns = "auto auto";