在JavaScript中，兼容多种模块规范需要进行一些额外的配置和处理。以下是一些常见的模块规范及其对应的JS代码：

1. CommonJS（ECMAScript 5.1）：

javascript module.exports = { // ... };

1. AMD（Asynchronous Module Definition）：

javascript define(['module'], function(module) { // ... });

1. ES6（ECMAScript 6）：

javascript import { module } from 'module'; // ...

1. SystemJS（Node.js）：

javascript var System = require('system'); // ...

在以上代码中，"module"是模块的命名空间，"define"是AMD模块的定义方法，"import"是ES6模块的导入方法。

为了兼容多种模块规范，你可以使用一种全局模块加载器，如Webpack。Webpack可以处理多种模块规范，并将它们合并到一个模块中。以下是一个使用Webpack的示例：

```javascript var webpack = require('webpack'); var path = require('path');

module.exports = { entry: { // ... }, output: { path: path.resolve(__dirname, 'dist'), filename: '[name].js' }, module: { rules: [ { test: /.js$/, exclude: /node_modules/, use: [ { loader: 'babel-loader', options: { presets: ['@babel/preset-env'], plugins: [ '@babel/plugin-proposal-decorators', '@babel/plugin-proposal-class-properties', '@babel/plugin-proposal-class-arguments' ] } } ] } ] } }; ```

在上述代码中，"entry"属性定义了入口文件，"output"属性定义了输出文件的位置和名称，"module"属性定义了模块规则。"module.rules"属性包含了要处理的模块规范，包括Babel的转换规则。