我的目标是创建一个myapp.min.js文件,该文件可以包含在网站中,然后,该页面下面的任何位置都可以调用文件。
const newInstance = new MyApp(userOptionsObject);
但是,我一直得到不是构造函数错误。这是我的webpack配置的相关部分:
module.exports = {
context: path.join(__dirname, ''),
devtool: debug ? "cheap-module-eval-source-map" : "source-map",
entry: ["./js/MyApp.js"],
output: {
path: path.join(__dirname, '/dist/'),
filename: 'myapp.min.js',
library: 'MyApp',
libraryTarget: 'var',
},
};
我的MyApp.js看起来像这样:
export default class MyApp {
constructor(userOps) {
this.userOps = userOps;
}
toString() {
return 'Hello visitor';
}
}
所以,在浏览器中我会遇到例如:
<script src="myapp.min.js"></script>
<script>
var newInstance = new MyApp({some: "options"});
</script>
这也是我的babelrc
{
"presets": [
["es2015", { "loose": true, "modules": false }]
]
}