A pre-configured Gulp environment designed to streamline web development tasks. With this environment, you can easily compile Sass, compress images, minify and obfuscate JavaScript for your projects.
Before you begin, make sure you have the following dependencies installed:
- Node.js: Node.js Installation
- npm: Typically comes with the Node.js installation
-
Install the package from npm:
npm install configured-gulp-environment
-
Navigate to the Project Directory:
cd configured-gulp-environment -
Install Dependencies:
npm install
After the installation, follow these steps:
-
Edit Source Files:
Edit your source files located in the
source/directory. You can modify Sass files, update images, and make changes to JavaScript files according to your project needs. -
Run Gulp Tasks:
Execute the relevant Gulp tasks based on your changes. For example:
npm run compileSass
npm run compressImages
npm run minifyJS
Or run all tasks together with:
npm run build
-
Observe Changes:
If you want Gulp to automatically detect and process changes as you work, run:
npm run watch
Now you're ready to develop with a configured Gulp environment!
source/: Contains the source files for Sass, images, and JavaScript.dist/: The output directory where compiled and minified files are generated.
If you want to customize or extend the default settings, follow these steps:
Edit the Gulpfile:
Open the gulpfile.js file and modify it as needed. You can add new tasks or adjust specific settings.
Run Custom Tasks:
After the changes, run custom tasks using npm commands.
Contributions are welcome! If you encounter issues or have suggestions, please open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
Gulp, Sass, Web Development, Minification, Image Compression, JavaScript Obfuscation, Watcher, Automation, Build Process, Frontend Development, Configuration, Obfuscate