Ed Murphy

Run Smarter, Not Harder When we first started setting up webpack’s package.json file we defined a single build script called “common”. “scripts” : { “common” : “webpack –config webpack.common.config.js” } To run this build, in terminal we use the following command: webpack run common We want the best performance while developing our project, reducing the […]

Webpack Plugins Last time we started creating rules for file types, and sometimes we used a loader and sometimes we referenced a plugin to do any special functions.  We already used the MiniCssExtractPlugin for working with Sass-like files and plain css to produce a single CSS file. Next we will look at some common use […]

What’s the problem? Web development has had innumerable changes over the years and the term “front end” developer has expanded to include new ways to layout pages, new JavaScript libraries to learn and new ways to style your creations.   This complexity comes with challenges on how to organize everything. In an Enterprise team environment the […]

Module Rules Previously we went over where webpack will get the instructions of what files to package and where to put the results. Before webpack can do any of this, it has to know how to deal with these files and how to convert that information into a javascript format. This requires us to create […]

Webpack Configuration Files Last time we talked about how to install webpack, what files are created and how we get webpack to do something. Configuration files are that “something.” As described before, package.json lets us define which configuration files we want to use when running webpack. In package.json we need at least one build script defined. We’ll […]