小编Mel*_*iaz的帖子

将类导出为 webpack 中的模块

我正在使用 Webpack 导入具有单个类的 javascript 文件。

my_class.js

console.log('hello from my_class');

class myClass {
    // ...
}
Run Code Online (Sandbox Code Playgroud)

索引.js

import './my_class.js';
Run Code Online (Sandbox Code Playgroud)

webpack.config.js

const path = require('path')

module.exports = {
    entry: './index.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    }
}
Run Code Online (Sandbox Code Playgroud)

我正在尝试在页面上使用此类。

索引.html

<script src="./dist/bundle.js"></script>
<script>
    
    const myClass = new myClass();

</script>
Run Code Online (Sandbox Code Playgroud)

我可以看到我的控制台日志(“hello from my_class”),但myClass显示为未定义。

Uncaught ReferenceError: myClass is not defined

我需要做什么才能myClass导出并在标记中可用?

javascript node.js webpack es6-class

6
推荐指数
1
解决办法
3201
查看次数

标签 统计

es6-class ×1

javascript ×1

node.js ×1

webpack ×1