Javascript 第4页+;巴别塔6&x2B;ES模块和脚本消耗

Javascript 第4页+;巴别塔6&x2B;ES模块和脚本消耗,javascript,webpack,babeljs,webpack-4,Javascript,Webpack,Babeljs,Webpack 4,我正在尝试创建一个可以使用以下方法之一的库: 从“MyLibrary”导入MyLibrary; const instance=new Mylibrary(); 及 var instance=new MyLibrary(); 为此,我有一个非常简单的index.js,其中包含: 类MyLibrary{ 你好(){ log('hello'); } } 导出默认MyLibrary; 我通过npm安装了webpack/webpack cli/babel core/babel cli/babel

我正在尝试创建一个可以使用以下方法之一的库:

从“MyLibrary”导入MyLibrary;
const instance=new Mylibrary();


var instance=new MyLibrary();
为此,我有一个非常简单的index.js,其中包含:

类MyLibrary{
你好(){
log('hello');
}
}
导出默认MyLibrary;
我通过npm安装了webpack/webpack cli/babel core/babel cli/babel preset env和babel loader。 然后,我创建了一个webpack.config.js文件,其中包含以下内容:

const path=require('path'))
module.exports={
条目:{
MyLibrary:“./src/index.js”
},
输出:{
path:path.resolve(uu dirname,'./dist'),
文件名:'[name].js',
库:“[name]”,
libraryExport:“默认值”,
图书馆目标:“umd”,
乌姆德纳梅德菲恩:是的
},
模块:{
规则:[
{
测试:/\.js$/,,
排除:/(节点模块|鲍尔组件)/,
使用:{
加载器:“巴别塔加载器”,
选项:{
预设:['env']
}
}
}
]
}
};
当我测试它时:

  • 
    var instance=new MyLibrary();
    log(instance.hello());
    
    正在工作

  • 从“/MyLibrary.js”导入MyLibrary;
    console.log(MyLibrary);
    
    我收到以下错误
    未捕获语法错误:请求的模块“/MyLibrary.js”未提供名为“default”的导出

  • 如果我从我的网页配置中删除规则
    libraryExport:“default”
    ,那么:

  • 我必须这样调用我的库:
    var instance=new MyLibrary.default()
  • 我仍然有相同的问题
    未捕获语法错误:请求的模块'/MyLibrary.js'未提供名为'default'的导出。

  • 如何才能完成这项工作?

    如果将index.js的最后一行替换为
    module.exports=MyLibrary
    ,会发生什么情况?与libraryExport相同:“默认值”:-(