如何在使用babel编译成es5后实例化一个新的类？
如何在使用babel编译成es5后实例化一个新的类？
提问于 2019-06-25 08:58:31
我有以下代码...
// index.mjs
class DoSomething{
constructor(){
console.log("Constructing");
}
doSomethingElse(){
console.log("Something else");
}
}
export { DoSomething }它使用下面的webpack规则进行编译...
rules: [
{
test: /\.mjs$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]这会产生..。
//dist/sce.cjs
...
var DoSomething =
/*#__PURE__*/
function () {
function DoSomething() {
_classCallCheck(this, DoSomething);
console.log("Constructing");
}
_createClass(DoSomething, [{
key: "doSomethingElse",
value: function doSomethingElse() {
console.log("Something else");
}
}]);
return DoSomething;
}();但是，当我尝试在CJS脚本中实例化它时，如下所示...
var lib = require("../dist/sce.cjs");
(function(){
var instance = new lib.DoSomething();
instance.doSomethingelse();
})()我得到了
TypeError: lib.DoSomething不是构造函数
我该如何导入这个？
回答 1
Stack Overflow用户
发布于 2019-06-25 09:22:15
这行得通..。
const path = require('path');
module.exports = {
entry: path.resolve(__dirname, 'src/index.mjs'),
output: {
filename: 'sce.cjs',
libraryTarget: 'commonjs'
},
module: {
rules: [
{
test: /\.mjs$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
}
}
...
var DoSomething = require("../dist/sce.cjs").DoSomething;
(function(){
var instance = new DoSomething();
instance.doSomethingElse();
})()页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56745550
复制相关文章
相似问题