René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"JS support for PostCSS config","articleBody":"### Command\r\n\r\nconfig\r\n\r\n### Description\r\n\r\nCurrently the CLI supports custom PostCSS configurations in the format of JSON files. The problem is that the JSON format has its limitation. In our case for example we try to configure CSS purging with the `fullhuman/postcss-purgecss` plugin.\r\n\r\n```json\r\n{\r\n  \"plugins\": {\r\n    \"@fullhuman/postcss-purgecss\": {\r\n      \"content\": [\"**/*.html\", \"**/*.ts\", \"**/*.js\"],\r\n      \"skippedContentGlobs\": [\"node_modules/**\"],\r\n    }\r\n  }\r\n}\r\n```\r\n\r\nUnfortunately this config is not enough and therefore we would need to configure some extractors:\r\n\r\n```javascript\r\nimport purgeJs from \"purgecss-from-js\";\r\nimport purgeHtml from \"purgecss-from-html\";\r\n\r\nconst options = {\r\n  content: [], // files to extract the selectors from\r\n  css: [], // css\r\n  extractors: [\r\n    {\r\n      extractor: purgeJs,\r\n      extensions: [\"js\"],\r\n    },\r\n    {\r\n      extractor: purgeHtml,\r\n      extensions: [\"html\"],\r\n    },\r\n  ],\r\n};\r\nexport default options;\r\n```\r\n\r\n### Describe the solution you'd like\r\nSupport PostCSS configuration files writen in JavaScript.\r\n\r\n### Describe alternatives you've considered\r\n_No response_","author":{"url":"https://github.com/nivekcode","@type":"Person","name":"nivekcode"},"datePublished":"2024-06-11T12:02:54.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":8},"url":"https://github.com/27819/angular-cli/issues/27819"}