Suggestion: Add an example for webpack.config.preset.js

[LubomirGeorgiev]

Submit a feature request or bug report

• I've read the guidelines for Contributing to Roots Projects
• This is a feature request
• This is a bug report
• This request isn't a duplicate of an existing issue
• I've read the docs and NPM Debugging Guidelines post and followed them (if applicable)
• This is not a personal support request that should be posted on the Roots Discourse forums

---

Feature Request

Regarding #2083 I think it's a good idea to add a sample webpack.config.preset.js that shows people how to use this preset file to override the webpack config.

[knowler]

Are you suggesting adding an example file to the Sage default preset (i.e. what's in this repo)?

The purpose of this added feature was for the sake of roots/sage-installer. It allows for new and existing presets to modify webpack config without needing a full copy of it — which would be a maintenance nightmare. If you want to modify the webpack config, I would recommend just modifying it directly since Sage is a boilerplate, which means it's meant to be modified.

I'm going to close this for now, since an example file would encourage usage of this feature in a way that was not intended.

If you would like to use this feature for modification purposes, you can check out the Tailwind preset below:

https://github.com/roots/sage-installer/blob/master/src/Presets/stubs/Tailwind/build/webpack.config.preset.js

(This preset also overrides postcss.config.js)