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相同:“默认值”:-(