Asset Pipeline

Hugo supports pre-processing CSS files via SCSS, and post-processing via PostCSS.

Hugo’s Built-in Asset Pipeline

Using Hugo’s asset pipeline, you can use Sass, SCSS, and PostCSS. You can also bundle and minify assets.

• See Hugo docs about Pipes
• How to use Hugo image processing in Forestry

Best Practices for Gulp, Grunt, and Other Build Tools

In order to use external build like Gulp, Grunt, or Webpack with Forestry’s instant preview, you should configure your project as follows:

1. Use a Node.js-based tool installable via npm and configured in package.json.
2. Use our Hugo + Node.js environment.
3. Define npm scripts in your package.json file to build and serve your site.
4. Use your npm serve script with your custom build command.

---