{"_id":"@bytegenius/vite-plugin-sass","name":"@bytegenius/vite-plugin-sass","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@bytegenius/vite-plugin-sass","version":"0.1.0","private":false,"description":"Vite Plugin for Syntactically Awesome StyleSheets ","main":"index.js","author":{"name":"Nnamdi Michael Okpala"},"license":"ISC","_id":"@bytegenius/vite-plugin-sass@0.1.0","_nodeVersion":"20.5.1","_npmVersion":"10.1.0","dist":{"integrity":"sha512-noFzp6bDhjQ0YV8IvOnkqYTAcMGhMcmcnQEGp2YC/TC/jgYjrv/ZwOdgTGDGV5EJuqc1QgdelDwCZK5n01p7nw==","shasum":"9840633abf25e8faf441a70cb9eaaba699c62f5d","tarball":"https://registry.npmjs.org/@bytegenius/vite-plugin-sass/-/vite-plugin-sass-0.1.0.tgz","fileCount":4,"unpackedSize":3672,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH1E6bD2ATWjf1SWtAgwQS/mefV+EwEBBG5dnEy9MkZYAiAmT6bopHWIX5yF37gxbNUy6h8b+uuGC49PZmA+2mkDoQ=="}]},"_npmUser":{"name":"bytegenius","email":"bytegenius-official@protonmail.com"},"directories":{},"maintainers":[{"name":"bytegenius","email":"bytegenius-official@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vite-plugin-sass_0.1.0_1696975059207_0.25317626795486636"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-10T21:57:39.094Z","0.1.0":"2023-10-10T21:57:39.356Z","modified":"2023-10-10T21:57:39.679Z"},"maintainers":[{"name":"bytegenius","email":"bytegenius-official@protonmail.com"}],"description":"Vite Plugin for Syntactically Awesome StyleSheets ","author":{"name":"Nnamdi Michael Okpala"},"license":"ISC","readme":"\r\n# vite-plugin-sass\r\n\r\n**vite-plugin-sass** is a Vite plugin designed to streamline the process of compiling Sass (SCSS/Sass) files to CSS in your Vite projects. It simplifies the integration of *sass* into your project, making it easier to work with stylesheets.\r\n\r\n**Disclaimer**: This plugin utilizes the popular `sass` package for Sass compilation and ensures that only files with the `.scss` extension are transformed.\r\n\r\n## Installation\r\n\r\nTo use this plugin in your Vite project, follow these simple installation steps:\r\n\r\n1. Install the package using npm or yarn:\r\n\r\n   ```bash\r\n   npm install @bytegenius/vite-plugin-sass --save-dev\r\n   ```\r\n\r\n   or\r\n\r\n   ```bash\r\n   yarn add @bytegenius/vite-plugin-sass --dev\r\n   ```\r\n\r\n2. In your Vite configuration file (usually named `vite.config.js`), import the `vite-plugin-sass` and add it to the `plugins` array:\r\n\r\n   ```javascript\r\n   const sass = require('@bytegenius/vite-plugin-sass');\r\n\r\n   module.exports = {\r\n     plugins: [sass()],\r\n   };\r\n   ```\r\n\r\nWith these two simple steps, you're ready to harness the power of this plugin in your Vite project.\r\n\r\n## Usage\r\n\r\nOnce you've installed and configured the `vite-plugin-sass`, you can import your Sass files in your JavaScript or TypeScript code just like any other module:\r\n\r\n```javascript\r\nimport './styles.scss';\r\n```\r\n\r\nVite will automatically take care of transforming your Sass code into CSS, making it readily available in your project.\r\n\r\n## Author\r\n\r\n**Nnamdi Michael Okpala**\r\n\r\n---\r\n\r\nEnjoy using **vite-plugin-sass** to simplify your Sass compilation and enhance your Vite development experience!\r\n","readmeFilename":"README.md"}