Archive for the ‘webpack’ Category

Learn Webpack in 15 Minutes

Posted on: No Comments
Build tools have become an integral part of web development, mainly due to the ever-increasing complexity of JavaScript apps. Bundlers allow us to package, compile, and organize the many assets and libraries needed for a modern web project. In this tu...

Intro to Vue.js: Vue-cli and Lifecycle Hooks

Posted on: No Comments
This is the third part in a five part series about the JavaScript framework, Vue.js. We'll cover Vue-cli, and talk a little more about real-life development processes. This is not intended to be a complete guide, but rather an overview of the basics t...

A Beginners Guide to Webpack 2 and Module Bundling

Posted on: No Comments
Webpack is a module bundler Webpack has become one of the most important tools for modern web development. Primarily it's a module bundler for your JavaScript but it can be taught to transform all of your front-end assets like HTML and CSS, even im...

Understanding JavaScript Modules: Bundling & Transpiling

This article was peer reviewed by Dan Prince and Ravi Kiran. Thanks to all of SitePoint's peer reviewers for making SitePoint content the best it can be! Most folks consider modules, dependency management and dynamic loading a basic requirement for any...

Getting Started with CSS Modules

Posted on: No Comments
There isn’t one single approach with CSS Modules to making the JavaScript templates, the CSS files, or the build steps to make them work. In this post, which is part of a series on CSS Modules, we'll look at one approach. The goal of this post is to ...

Watch: Using Webpack to Transform JSX

Posted on: No Comments
JavaScript processing can be cumbersome and confusing. One of the major objections people have with React is JSX' need to be pre-processed and packaged up for the browser. Fear not! The Webpack module builder and Babel.js were created for exactly this ...

Creating Isomorphic Apps with Node.js, React, and Express

Posted on: No Comments
Over the past few years, the Web community has been abuzz with “isomorphic apps”. They are apps where the markup is rendered on the server and fed to the browser as complete HTML, and the successive user interactions are handled by client side rend...