{"id":14971399,"url":"https://github.com/jayrbolton/postcss-walk","last_synced_at":"2025-03-30T11:31:33.044Z","repository":{"id":57328692,"uuid":"73237577","full_name":"jayrbolton/postcss-walk","owner":"jayrbolton","description":"Postcss runner to compile many css files in a directory tree and watch for changes","archived":false,"fork":false,"pushed_at":"2017-02-24T02:18:05.000Z","size":15,"stargazers_count":3,"open_issues_count":2,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-22T03:51:11.283Z","etag":null,"topics":["postcss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jayrbolton.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-11-08T23:55:41.000Z","updated_at":"2019-07-31T06:00:16.000Z","dependencies_parsed_at":"2022-08-31T05:51:23.954Z","dependency_job_id":null,"html_url":"https://github.com/jayrbolton/postcss-walk","commit_stats":null,"previous_names":["jayrbolton/postcss-watch"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayrbolton%2Fpostcss-walk","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayrbolton%2Fpostcss-walk/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayrbolton%2Fpostcss-walk/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayrbolton%2Fpostcss-walk/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jayrbolton","download_url":"https://codeload.github.com/jayrbolton/postcss-walk/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246314011,"owners_count":20757450,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["postcss"],"created_at":"2024-09-24T13:45:08.700Z","updated_at":"2025-03-30T11:31:32.582Z","avatar_url":"https://github.com/jayrbolton.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# postcss-walk\n\nPostcss runner that crawls a whole directory tree, finds all `page.css` (or any main-file name you want), and compiles each main file into the corresponding path in the output directory, matching the input's directory tree and filepath. It can either build everything and exit, or it can watch for file changes indefinitely. If you are using `postcss-import`, it will listen to changes on dependent css files and re-compile their parent files.\n\nCompiling multiple css files from a source directory to a matching output directory can be useful for multi-page apps. Of course, you can also just use it to watch/compile a single file.\n\n```js\npostcssWatch({\n  input      // String path of input directory holding all css files\n, output     // String path of output directory in which to put all compiled css\n, indexName  // String name of the main index file(s) that you wish to (defaults to 'index.css')\n, plugins    // Array of postcss plugins to use\n, log        // Boolean, whether to log to stdout the file paths that are compiled (and compile warnings)\n, watch      // Boolean, whether to watch files for changes (defaults to false)\n})\n```\n\n```js\nconst postcssWatch = require('postcss-watch')\n\n// Source files from:\nconst input  = 'lib/css'\n// Output compiled files to:\nconst output = 'public/css'\n\nconst plugins = [ require('postcss-import') ]\n\npostcssWatch({ input, output, plugins, log: true, watch: true })\n```\n\nThen run `node your-css-compile-script.js`\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayrbolton%2Fpostcss-walk","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjayrbolton%2Fpostcss-walk","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayrbolton%2Fpostcss-walk/lists"}