--- title: "Tomas Alabes (@talabes) | Hashnode" description: "Technical Lead, Architect and serial learner. Read the latest articles by Tomas Alabes on Hashnode." url: "https://hashnode.com/@talabes" --- @talabes # Tomas Alabes @talabes · Amsterdam, Netherlands · Joined August 2024 Technical Lead, Architect and serial learner [Website](https://tomasalabes.me/) ### [Useful Webpack DefinePlugin Usages](https://tomasalabes.me/useful-webpack-defineplugin-usages?utm_source=hashnode&utm_medium=feed) What the plugin does The Webpack DefinePlugin allows you to create global constants which can be configured at compile time and used in your webpack bundle. Example constant definitions: plugins: \[ //... new webpack.DefinePlugin({ PRODUCT... 3 min read · [tomasalabes.me](https://tomasalabes.me/useful-webpack-defineplugin-usages?utm_source=hashnode&utm_medium=feed) [Jan 3, 2017](https://hashnode.com/posts/useful-webpack-defineplugin-usages/66bc9ef740ee582a3f483723) ### [Webpack and the Public Path Config](https://tomasalabes.me/webpack-and-the-public-path-config?utm_source=hashnode&utm_medium=feed) You have your app bundled with webpack and some resources (like images) that are outside that bundle, and your app can be used in your domain or consumed by someone else in his site. This post is meant to explain how to manage the url to the resource... 3 min read · [tomasalabes.me](https://tomasalabes.me/webpack-and-the-public-path-config?utm_source=hashnode&utm_medium=feed) [Dec 11, 2016](https://hashnode.com/posts/webpack-and-the-public-path-config/66bc9f14ef78186507bcfdaa) ### [Working with Webpack and CSS Loaders](https://tomasalabes.me/working-with-webpack-and-css-loaders?utm_source=hashnode&utm_medium=feed) As you know, Webpack use Loaders to manage different type of web resources, like css. Being css files so important for web applications, there are more than one way of handling this. There are different loaders and different combination of loaders th... 4 min read · [tomasalabes.me](https://tomasalabes.me/working-with-webpack-and-css-loaders?utm_source=hashnode&utm_medium=feed) [Sep 13, 2016](https://hashnode.com/posts/working-with-webpack-and-css-loaders/66bc9f136c079bb10c9c29c9) ### [Webpack + PostCSS + Stylelint + Stylefmt](https://tomasalabes.me/webpack-postcss-stylelint-stylefmt?utm_source=hashnode&utm_medium=feed) If you want to, with Webpack you can use different pre-processors for your CSS: Sass, Less and PostCSS are the most popular ones. I won't go into the differences between them but I will say why I chose PostCSS. I like how extensible is via its plugi... 3 min read · [tomasalabes.me](https://tomasalabes.me/webpack-postcss-stylelint-stylefmt?utm_source=hashnode&utm_medium=feed) [Aug 26, 2016](https://hashnode.com/posts/webpack-postcss-stylelint-stylefmt/66bc9f116c079bb10c9c29c7) ### [Webpack (AMD) + Karma + Mocha](https://tomasalabes.me/webpack-amd-karma-mocha?utm_source=hashnode&utm_medium=feed) Here's the situation: You bundle your app/library with output.libraryTarget = amd (and for the sake of the example let's say that also output.library = "myLibrary") You want to test it using Mocha You want to run your tests using Karma I had a few ... 3 min read · [tomasalabes.me](https://tomasalabes.me/webpack-amd-karma-mocha?utm_source=hashnode&utm_medium=feed) [May 1, 2016](https://hashnode.com/posts/webpack-amd-karma-mocha/66bc9f0f53bdef1ab81743e1)