sassify-pro
v1.0.6
Published
SassifyPro is a powerful Sass compiler designed to revolutionize your web development workflow.
Downloads
33
Maintainers
Readme
SassifyPro
SassifyPro is a powerful Sass compiler designed to revolutionize your web development workflow.
Installation
To install SassifyPro, follow these steps:
- Ensure that you have Node.js and npm (Node Package Manager) installed on your machine.
- Open your terminal or command prompt.
- Run the following command:
npm install -g sassify-pro
Getting Started
Once you have SassifyPro installed, you can start using it to compile your Sass/SCSS files. Follow these steps to get started:
- Open your terminal or command prompt.
- Navigate to the root directory of your project.
- Run the following command:
npx sassify-pro compile [input-file] [output-file]
Replace [input-file]
with the path to your Sass/SCSS file and [output-file]
with the desired path and name for the compiled CSS file.
For example:
npx sassify-pro compile src/main.scss dist/style.css
This will compile the main.scss
file located in the src
directory and save the compiled CSS file as style.css in the dist
directory.
Features
Watch Mode
SassifyPro provides a convenient watch mode that automatically re-compiles your Sass/SCSS files whenever changes are detected. To use the watch mode, run the following command:
npx sassify-pro watch [input-directory] [output-directory]
Replace [input-directory]
with the path to your Sass/SCSS source directory and [output-directory]
with the path to your desired output directory for the compiled CSS files.
For example:
npx sassify-pro watch src/ dist/
This will watch the src
directory for any changes to Sass/SCSS files and compile them into the dist
directory.
Source Maps
SassifyPro supports generating source maps to facilitate easier debugging of your CSS in development. To enable source maps, use the --source-map
flag when compiling your Sass/SCSS files:
npx sassify-pro compile --source-map [input-file] [output-file]
For example:
npx sassify-pro compile --source-map src/main.scss dist/style.css
This will generate a source map file alongside the compiled CSS file.
Import Paths
If you have Sass/SCSS files located in different directories and need to import them using relative paths, SassifyPro allows you to define import paths. You can specify the import paths using the --import-path
flag:
npx sassify-pro compile --import-path [path] [input-file] [output-file]
For example:
npx sassify-pro compile --import-path src/scss src/main.scss dist/style.css
This will add the src/scss
directory as an import path, allowing you to import Sass/SCSS files from that directory using relative paths.
Configuration
SassifyPro supports configuration through a sassifypro.json
file in JSON format. You can place this file in the root directory of your project to define default options for SassifyPro.
Here's an example sassifypro.json
file:
{
"sassFilePath": "src",
"cssOutputPath": "public",
"sourceMap": false,
"importPaths": []
}
With this configuration file present, you can omit certain options when running SassifyPro commands.
Documentation
For detailed documentation on using SassifyPro, please refer to the official documentation.
Contributing
We welcome contributions to SassifyPro! If you find any issues or have suggestions for improvements, please submit them in the issue tracker.
To contribute code changes, please follow our contribution guidelines.
License
SassifyPro is licensed under the MIT License.
Acknowledgements
- We would like to express our gratitude to the open source community for their invaluable contributions, which made the development of SassifyPro possible.
Support
If you need any assistance or have any questions, please contact our support team at [email protected].
Thank you for choosing SassifyPro! We hope it enhances your Sass/SCSS development workflow and helps you write cleaner and more maintainable CSS.