To use components from bower you need to add two things to webpack: Let webpack look in the bower_components folder. Let webpack use the main field from the bower.json file. Configuration See configuration resolve.modulesDirectories and list of plugins ResolverPlugin. var path = require("path"); var webpack = require("webpack"); module.exports = { resolve: { root: [path.join(__dirname, "bower_components")] }, plugins: [ new webpack.ResolverPlugin( new w

A quick summary of all methods and variables available in code compiled with webpack. Basic require CommonJs require(dependency: String) Returns the exports from a dependency. The call is sync. No request to the server is fired. The compiler ensures that the dependency is available. Style: CommonJs Example: var $ = require("jquery"); var myModule = require("my-module"); define (with factory) define([name: String], [dependencies: String[]], factoryMethod: function(...)) The name argument is ig

AMD (Asynchronous Module Definition) was the response to those who thought the CommonJS Module system was not ready for the browser because its nature was synchronous. AMD specifies a standard for modular JavaScript such that modules can load their dependencies asynchronously, solving the problems associated with synchronous loading. Specification Modules are defined using the define function. define The define function is how modules are defined with AMD. It is just a function that has this si