CreateJS and Webpack

[meefox]

CreateJS doesn't work with web pack.
throwing in runtime: createjs.js:58 Uncaught ReferenceError: createjs is not defined

you are try to reference to this.createjs and expecting this to be a window object, but it is actually webpack module wrapper.
could you fix the referencing to exactly CreateJS instance not to this.createjs

Thank you.

[ninique]

You can use the imports loader and exports loader plugins to deal with this. This is the way I have it configured:

resolve: {
    alias: {
      createjs: 'createjs/builds/1.0.0/createjs.js'
    }
},
module: {
    rules: [
      {
        test: /node_modules[/\\]createjs/,
        loaders: [
          'imports-loader?this=>window',
          'exports-loader?window.createjs'
        ]
      },
  ...
}

Then you can import it normally:

import createjs from 'createjs';

[ismcdonald]

When using a typescript loader I've additionally had to use

const createjs = require( 'createjs')

instead of import

[jorisnoo]

Updating the loaders to version 1.1.0, I had to use the following:

rules: [
            {
                test: /node_modules[/\\]createjs/,
                use: [{
                    loader: 'exports-loader',
                    options: {
                        type: 'commonjs',
                        exports: 'single window.createjs',
                    },
                }],
            },
            {
                test: /node_modules[/\\]createjs/,
                use: [{
                    loader: 'imports-loader',
                    options: {
                        wrapper: 'window',
                    },
                }],
            },
        ],

[amalbros]

@jorisnoo @ninique I am facing this.getOptions isnot a function after trying your codes.Any solution for the same?

[Aurelain]

The problem with this.getOptions missing is a versioning problem of imports-loader and exports-loader.
According to the docs, this.getOptions has become available only in webpack 5+.
I was using webpack 4, and I assume so did @amalbros. My solution was to install older versions of loaders:

npm i [email protected] --save-dev
npm i [email protected] --save-dev