add postcss config for autoprefixer + csso

This commit is contained in:
James Fenn
2023-06-29 12:59:30 -04:00
parent c5b71f4ca6
commit b659638206
3 changed files with 129 additions and 6 deletions

119
package-lock.json generated
View File

@@ -32,6 +32,7 @@
"@vercel/node": "^2.15.2",
"astro": "^2.7.0",
"astro-icon": "^0.8.1",
"autoprefixer": "^10.4.14",
"classnames": "^2.3.2",
"dayjs": "^1.11.8",
"env-cmd": "^10.1.0",
@@ -55,6 +56,8 @@
"junk": "^4.0.1",
"lint-staged": "^13.2.2",
"npm-run-all": "^4.1.5",
"postcss": "^8.4.24",
"postcss-csso": "^6.0.1",
"preact-render-to-string": "^6.1.0",
"prettier": "^2.8.8",
"prettier-plugin-astro": "^0.10.0",
@@ -4758,6 +4761,39 @@
"node": ">= 4.5.0"
}
},
"node_modules/autoprefixer": {
"version": "10.4.14",
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz",
"integrity": "sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==",
"dev": true,
"funding": [
{
"type": "opencollective",
"url": "https://opencollective.com/postcss/"
},
{
"type": "tidelift",
"url": "https://tidelift.com/funding/github/npm/autoprefixer"
}
],
"dependencies": {
"browserslist": "^4.21.5",
"caniuse-lite": "^1.0.30001464",
"fraction.js": "^4.2.0",
"normalize-range": "^0.1.2",
"picocolors": "^1.0.0",
"postcss-value-parser": "^4.2.0"
},
"bin": {
"autoprefixer": "bin/autoprefixer"
},
"engines": {
"node": "^10 || ^12 || >=14"
},
"peerDependencies": {
"postcss": "^8.1.0"
}
},
"node_modules/available-typed-arrays": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
@@ -8685,6 +8721,19 @@
"node": ">=12.20.0"
}
},
"node_modules/fraction.js": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
"integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
"dev": true,
"engines": {
"node": "*"
},
"funding": {
"type": "patreon",
"url": "https://www.patreon.com/infusion"
}
},
"node_modules/fragment-cache": {
"version": "0.2.1",
"resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
@@ -15651,6 +15700,15 @@
"node": ">=0.10.0"
}
},
"node_modules/normalize-range": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
"integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/npm-run-all": {
"version": "4.1.5",
"resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz",
@@ -16581,10 +16639,59 @@
"node": "^10 || ^12 || >=14"
}
},
"node_modules/postcss-csso": {
"version": "6.0.1",
"resolved": "https://registry.npmjs.org/postcss-csso/-/postcss-csso-6.0.1.tgz",
"integrity": "sha512-ZV4yEziMrx6CEiqabGLrDva0pMD7Fbw7yP+LzJvaynM4OJgTssGN6dHiMsJMJdpmNaLJltXVLsrb/5sxbFa8sA==",
"dev": true,
"dependencies": {
"csso": "^5.0.5"
},
"engines": {
"node": "^12.20.0 || ^14.13.0 || >=15.0.0",
"npm": ">=7.0.0"
},
"peerDependencies": {
"postcss": "^8.0.0"
}
},
"node_modules/postcss-csso/node_modules/css-tree": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
"integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
"dev": true,
"dependencies": {
"mdn-data": "2.0.28",
"source-map-js": "^1.0.1"
},
"engines": {
"node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
"npm": ">=7.0.0"
}
},
"node_modules/postcss-csso/node_modules/csso": {
"version": "5.0.5",
"resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
"integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
"dev": true,
"dependencies": {
"css-tree": "~2.2.0"
},
"engines": {
"node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
"npm": ">=7.0.0"
}
},
"node_modules/postcss-csso/node_modules/mdn-data": {
"version": "2.0.28",
"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
"integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
"dev": true
},
"node_modules/postcss-selector-parser": {
"version": "6.0.10",
"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
"integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
"version": "6.0.13",
"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
"integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
"dev": true,
"dependencies": {
"cssesc": "^3.0.0",
@@ -16594,6 +16701,12 @@
"node": ">=4"
}
},
"node_modules/postcss-value-parser": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
"dev": true
},
"node_modules/preact": {
"version": "10.15.1",
"resolved": "https://registry.npmjs.org/preact/-/preact-10.15.1.tgz",

View File

@@ -58,6 +58,7 @@
"@vercel/node": "^2.15.2",
"astro": "^2.7.0",
"astro-icon": "^0.8.1",
"autoprefixer": "^10.4.14",
"classnames": "^2.3.2",
"dayjs": "^1.11.8",
"env-cmd": "^10.1.0",
@@ -73,6 +74,7 @@
"hast-util-has-property": "^2.0.1",
"hast-util-heading-rank": "^2.1.1",
"hast-util-to-string": "^2.0.0",
"hastscript": "^7.2.0",
"husky": "^8.0.3",
"image-size": "^1.0.2",
"jest-environment-jsdom": "^29.5.0",
@@ -80,9 +82,12 @@
"junk": "^4.0.1",
"lint-staged": "^13.2.2",
"npm-run-all": "^4.1.5",
"postcss": "^8.4.24",
"postcss-csso": "^6.0.1",
"preact-render-to-string": "^6.1.0",
"prettier": "^2.8.8",
"prettier-plugin-astro": "^0.10.0",
"probe-image-size": "^7.2.3",
"puppeteer-core": "^10.4.0",
"rehype-raw": "^6.1.1",
"rehype-retext": "^3.0.2",
@@ -103,9 +108,7 @@
"unist-util-is": "^5.2.1",
"unist-util-replace-all-between": "^0.1.1",
"unist-util-visit": "^4.1.2",
"hastscript": "^7.2.0",
"vite-plugin-svgr": "^3.2.0",
"probe-image-size": "^7.2.3"
"vite-plugin-svgr": "^3.2.0"
},
"lint-staged": {
"*.{js,ts,astro}": "eslint --cache --fix",

7
postcss.config.cjs Normal file
View File

@@ -0,0 +1,7 @@
// @ts-nocheck
module.exports = {
plugins: [
require("autoprefixer"),
require("postcss-csso"),
],
};