我是新手,正在尝试在另一个文件中导入或引用一个类以进行扩展,但始终会发现该类未定义。以下是文件设置。
app.js
require('./stuff.js');
stuff.js
require('./Subclass.js');
Subclass.js
require('./Superclass.js');
class Subclass extends Superclass {
}
Superclass.js
class Superclass {
}
通过webpack app.js bundle.js
编译,导致在浏览器中包含bundle.js时出现Superclass未定义
的情况。
我还尝试使用带有exports的import,做如下操作:
Subclass.js
import Superclass from './Superclass';
// I have also tried
// import {Superclass} from './Superclass';
class Subclass extends Superclass {
}
Superclass.js
export default class Superclass {
}
但这会导致在尝试扩展时未定义Superclass,从而引发错误超级表达式必须是null或函数,而不是对象
这是我的webpack.config.js
var path = require('path');
var webpack = require('webpack');
module.exports = {
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
query: {
presets: ['es2015']
}
}
]
},
stats: {
colors: true
},
devtool: 'source-map'
};