tomasalabes.meUseful Webpack DefinePlugin UsagesWhat 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...Jan 3, 2017·3 min read
tomasalabes.meWebpack and the Public Path ConfigYou 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...Dec 11, 2016·3 min read
tomasalabes.meWorking with Webpack and CSS LoadersAs 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...Sep 13, 2016·4 min read
tomasalabes.meWebpack + PostCSS + Stylelint + StylefmtIf 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...Aug 26, 2016·3 min read
tomasalabes.meWebpack (AMD) + Karma + MochaHere'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 ...May 1, 2016·3 min read
