amd2cmd-webpack-plugin v1.0.2

AMD2CMD Webpack Plugin

This is a webpack plugin that transform the output library exposed as an AMD module into CMD module. Because webpack can not support output library as an CMD module, so this plugin is useful when your library is supposed to run within CMD module loader like seajs.

Installation

Install the plugin with npm:

$ npm install amd2cmd-webpack-plugin --save-dev

Usage

var Amd2CmdWebpackPlugin = require('amd2cmd-webpack-plugin')
var webpackConfig = {
    entry: {
        // ...
    },
    externals: {
        'jquery': '$',
        // ...
    },
    output: {
        // ...
        libraryTarget: 'amd'
    },
    plugins: [
        new Amd2CmdWebpackPlugin(),
        // ...
    ]
};

This will make the library exposed as an CMD module, the cmdExports and cmdModule identifiers named just for avoiding conflict.

define(function(require, cmdExports, cmdModule) {
    var __WEBPACK_EXTERNAL_MODULE_70__ = require('$');
    cmdModule.exports = /**** webpack source ****/;
});

Configuration

In order to support js concat and ie (version 6-9), require function within CMD module is supposed to some typographic conventions, CMD details.

You can do this with UglifyJsPlugin to reserve require identifier, then use CMD build tools to generate id and dependencies.

var Amd2CmdWebpackPlugin = require('amd2cmd-webpack-plugin')
var webpackConfig = {
    // ...
    plugins: [
        new webpack.optimize.UglifyJsPlugin({
            mangle: {
                except: ['require']
            },
        })
    ]
};

You can also pass id configuration options to add id property within CMD module, and the plugin will generate dependencies autoly.

var webpackConfig = {
    // ...
    entry: {
        'webpack-plugin': ''
    },
    externals: {
        'jquery': '$',
        // ...
    },
    plugins: [
        new Amd2CmdWebpackPlugin({
            id: '../amd2cmd/'
        }),
        // ...
    ]
};

It works:

define('../amd2cmd/webpack-plugin', ["$"], function(require, cmdExports, cmdModule) {
    // ...
});

License

This project is licensed under MIT.