If you are working with a variety of packages, resources, and styling extensions, an easy way to create and edit webpack configuration file (webpack.config.js) might be just the tool you have been looking for.
Webpack is a tool to bundle your assets (scripts, styles, images). It protects their dependencies to each other. I think the diagram below explains it very well (courtesy of webpack.js.org).
Easy way to create and edit webpack configuration file
When you have several resource files and complex dependencies, editing webpack configuration file may become cumbersome. Thankfully, there are tools to make this task a lot easier by simple selections. Here are two of them:
Jakoblind.no webpack configuration tool
Select main library, transpiler, styling extensions, images, and utilities to create your webpack.config.js and other related files such as README.md and package.json.
Netlify webpack configuration tool