Tailwind 3 + Gulp 4 + Webpack 4 + Handlebars + POST CSS + Babel + BrowserSync + Netlify Deployment
Speed up your development with a complete and scalable super simple gulpjs based build system that scaffolds the project for you. Just focus on your code. Provides a consumable mock API to build real world front ends pre-integration.
- Clone this repository
- Run
npm install
Task Name | Description | Environment | |
---|---|---|---|
๐ง | npm run dev |
Compile dev build, start the server and fake API and watch for changes | Development |
๐ญ | npm run build |
Compile production build | Production |
optional
Change color values (fill
orstroke
) in your SVG file tocurrentColor
to support dynamic color changes.- Put SVG file in
src/img/svg-sprite
directory. - The code from your SVG file will be included in one svg-sprite and placed in
dist/img/svg-sprite/sprite.svg
<svg viewBox="x0 y0 x1 y1">
<use href="assets/img/svg-sprite/sprite.svg#YOUR_SVG_FILE_NAME"></use>
</svg>
You can get viewBox value from your SVG file or using devTools on the page after including sprite.svg
<img src="assets/img/svg-sprite/sprite.svg#YOUR_SVG_FILE_NAME" alt="">
In this case, the image does not respond to color changes.