{"id":18745621,"url":"https://github.com/yazeedobaid/laravel-mix-postcss-config","last_synced_at":"2025-04-12T21:32:56.309Z","repository":{"id":34890763,"uuid":"187292175","full_name":"yazeedobaid/laravel-mix-postcss-config","owner":"yazeedobaid","description":"A Laravel-mix plugin to add the postcss-loader to the default mix webpack.config.js file.","archived":false,"fork":false,"pushed_at":"2023-07-18T21:24:43.000Z","size":124,"stargazers_count":6,"open_issues_count":4,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-03T08:37:45.755Z","etag":null,"topics":["laravel-mix","laravel-mix-plugin","postcss","postcss-loader","webpack"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yazeedobaid.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-05-17T23:18:30.000Z","updated_at":"2022-04-13T23:13:18.000Z","dependencies_parsed_at":"2024-06-19T13:33:09.972Z","dependency_job_id":"71e80be7-d7ab-44d8-b264-72d7f5cc1c9c","html_url":"https://github.com/yazeedobaid/laravel-mix-postcss-config","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yazeedobaid%2Flaravel-mix-postcss-config","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yazeedobaid%2Flaravel-mix-postcss-config/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yazeedobaid%2Flaravel-mix-postcss-config/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yazeedobaid%2Flaravel-mix-postcss-config/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yazeedobaid","download_url":"https://codeload.github.com/yazeedobaid/laravel-mix-postcss-config/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248636336,"owners_count":21137430,"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":["laravel-mix","laravel-mix-plugin","postcss","postcss-loader","webpack"],"created_at":"2024-11-07T16:18:54.958Z","updated_at":"2025-04-12T21:32:54.090Z","avatar_url":"https://github.com/yazeedobaid.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# laravel-mix-postcss-config\n\n![GitHub](https://img.shields.io/github/license/yazeedobaid/laravel-mix-postcss-config.svg?style=popout)\n![Node.js Package](https://github.com/yazeedobaid/laravel-mix-postcss-config/workflows/Node.js%20Package/badge.svg)\n![npm](https://img.shields.io/npm/v/laravel-mix-postcss-config.svg?style=popout)\n![npm](https://img.shields.io/npm/dt/laravel-mix-postcss-config.svg?style=popout)\n\nA Laravel-mix plugin to add the `postcss-loader` loader with its configuration file to the default mix \nwebpack.config.js file in a fluent way.\n\n```js\nmix.js('resources/js/app.js', 'public/js')\n    .postCss('resources/css/app.css', 'public/css')\n    .postCssConfig();\n```\n\n\n# Introduction\nLaravel mix has a great and fluent api to define the build steps for an application. Mix has supprt for\ndefining postcss plugins through the `postCss` api. Defining these plugins along with their options in mix's\nconfig file will make the file large and difficult to read.\n\npostcss-loader provide a way to define postcss plugins in a separate config file (postcss.config.js). This \nplugin extends laravel-mix api and add a method to include the loader with its config file in the build process.\n\n# Install\nInstall using npm:\n```\n$ npm install laravel-mix-postcss-config --save-dev\n```\n\n# Usage\nRequire the pulgin in your laravel-mix config file and call the extension method on mix.\n\n```js\nconst mix = require('laravel-mix');\nrequire('laravel-mix-postcss-config');\n\nmix.js('resources/js/app.js', 'public/js')\n    .postCss('resources/css/app.css', 'public/css')    \n    .postCssConfig();\n```\n\nThe above call will merge the `postcss-loader` loader to mix's generated webpack config rules with \nthe default loader configuration options. If you wish to change the default loader options you can \npass them in the call:\n\n```js\nconst mix = require('laravel-mix');\nrequire('laravel-mix-postcss-config');\n\nmix.js('resources/js/app.js', 'public/js')\n    .postCss('resources/css/app.css', 'public/css')    \n    .postCssConfig({ /* postcss-loader options */ });\n```\n\nYou can find a list of possible `postcss-loader` loader options in the loader \n[github repository](https://github.com/postcss/postcss-loader)\n\n# License\nThe MIT License (MIT). Please see [License File](https://github.com/yazeedobaid/laravel-mix-postcss-config/blob/master/LICENSE) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyazeedobaid%2Flaravel-mix-postcss-config","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyazeedobaid%2Flaravel-mix-postcss-config","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyazeedobaid%2Flaravel-mix-postcss-config/lists"}