Skip to content
This repository has been archived by the owner on Aug 8, 2019. It is now read-only.
Andy Trevorah edited this page Jan 23, 2014 · 8 revisions

How do I use jQuery?

For versions of jQuery greater than or equal to 1.10, you shouldn't need to do anything special: just make sure that webpack can find jQuery and require('jquery') in your modules.

If you're using 1.9 or less, you'll need to explicitly tell jQuery that webpack wants it to expose itself as an AMD module by adding this to your config:

{
    amd: {
        jQuery: true
    }
    ...
}

See the amd configuration option for more information.

How do I use CoffeeScript (or other compile-to-js languages)?

webpack can load altJS languages with special loaders. For example,

require('coffee-loader!mymodule.coffee')

However, you probably don't want to specify a loader and extension every time you require your module. Avoiding that requires two steps: 1) configuring webpack to use a special loader for files of the given language and 2) configuring webpack to find modules written in that language. For CoffeeScript, that looks like this:

{
    module: {
        loaders: [
            {test: /\.coffee$/, loader: 'coffee-loader'},  // Use the CoffeeScript loader for *.coffee files
            ...
        ],
        ...
    },
    resolve: {
        extensions: ['', '.webpack.js', '.web.js', '.js', '.coffee'],  // Look for *.coffee files when resolving modules
        ...
    },
    ...
}

A few things to note:

  • The loaders are not bundled with webpack and must be installed separately.
  • In order to retain the original resolution behavior, your extension array must include the default values (as shown above). See resolve.extensions for more details.
Clone this wiki locally