javascript - CMD如何引用es6书写AMD的模块

问题描述

问 题

我这边有一个ES6书写的AMD模块a.js，如

var {assign, endsWith, forEach, find} = require('lodash');
function a(){};
//...
moudule.exports = {
  a
};

而我想写一个能让老代码seajs能引用的模块b.js,而这个模块对a.js有依赖，需要require这个a.js

我该怎么弄呢？用webpack的babel打包的话出来的是一个直接引用的js文件，我想最好能写出一个能被seajs引用的CMD模块

解决方案

用webpack编译一下你的a.js就好了，我给你个配置试试：

module.exports = {
    entry: {
        index: './a.js'
    },
    output: {
        path: './',
        filename: 'a_compiled.js',
        libraryTarget: 'commonjs2'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: 'babel?presets[]=es2015',
                exclude: /(node_modules)/
            }
        ]
    },
    externals: {
        lodash: 'lodash'
    }
};

这里需要本地安装babel-core，babel-loader，babel-preset-es2015

这篇关于javascript - CMD如何引用es6书写AMD的模块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！