如何导入类以使用ES6和Webpack进行扩展？
如何导入类以使用ES6和Webpack进行扩展？
提问于 2017-11-01 07:50:00
我是webpack的新手，我正试图要求或导入一个类来在另一个文件中扩展，并且一直以类未定义而告终。这是文件设置。
app.js
require('./stuff.js');
stuff.js
require('./Subclass.js');
Subclass.js
require('./Superclass.js');
class Subclass extends Superclass {
}Superclass.js
class Superclass {
}与webpack一起通过webpack app.js bundle.js进行编译
在此之后，当浏览器中包含Superclass is not defined时，我最终使用了bundle.js。
我也尝试过在导出中使用导入，
Subclass.js
import Superclass from './Superclass';
// I have also tried
// import {Superclass} from './Superclass';
class Subclass extends Superclass {
}Superclass.js
export default class Superclass {
}但是，这会导致在尝试扩展时未定义超类，从而导致错误Super expression must either be null or a function, not object
这是我的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'
};回答 1
Stack Overflow用户
回答已采纳
发布于 2017-11-01 08:00:27
你的最初尝试是错误的，因为：
- 您没有正确导入
Superclass - 您不导出
Subclass或Superclass
当您正确导入Superclass时，您的第二次尝试更接近了，但是您再次失败了导出Subclass --总之，这将修复您的代码。
Subclass.js
import Superclass from './Superclass';
export default class Subclass extends Superclass {
...
}Superclass.js
export default class Superclass {
...
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47058733
复制相关文章
相似问题
如何使用es6和webpack导入nools
导入/导出、ES6和扩展类
ES6导入扩展类
使用ES6和webpack导入角度服务
使用webpack流和gulp不导入ES6导入
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
