Question 1

How do I add a new JavaScript library to Gulp Front?

Accepted Answer

You'll need to modify the Gulp configuration files to include the library, typically by adding it to vendor scripts or using npm imports, as the boilerplate focuses on core setup without built-in package management for external libs.

Question 2

Gulp Front or create-react-app for a simple website?

Accepted Answer

Gulp Front is better for traditional HTML/CSS/JS static sites using Pug and Stylus, while create-react-app is optimized for React-based SPAs. Choose based on whether you need a component framework or a leaner, template-driven approach.

Question 3

Can I use Gulp Front with TypeScript?

Accepted Answer

Not out of the box; you'd need to configure additional Gulp tasks for TypeScript compilation, as the default setup uses Babel for JavaScript transpilation without TypeScript support.

Question 4

How to deploy a Gulp Front project to GitHub Pages?

Accepted Answer

Use the 'npm run deploy' command which compiles the project and pushes it to a build branch, making it straightforward to set up with static hosting services like GitHub Pages or Netlify.

Question 5

Does Gulp Front support CSS grid or flexbox?

Accepted Answer

Yes, you can use any modern CSS features; the BEM framework is methodology-agnostic and works with grid or flexbox, but it encourages modular styles that may require custom implementation.

Question 6

How to customize the SVG icon system in Gulp Front?

Accepted Answer

Place SVG files in the designated source/icons folder, and the build process automatically converts them to symbols; for advanced options, check the docs for configuration details on sprite generation and usage.

gulp-front

What is gulp-front?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions