NodeJS代码webpack打包到html上使用的问题

大海鱼塘 发布于 2019/03/01 11:43
阅读 478
收藏 1

阿里云2020上云采购季,爆款产品,低至0.6折,点击抢购!>>>

nodejs代码test.js

function Student(name, age) {
    this.name = name;
    this.age = age;
}

module.exports = Student;

在另外一个hello.js文件里可以使用

var Student = require("./test");
exports.test = function() {
    var stu = new Student();
    stu.name = "Jack";
    stu.age = 20;
    console.log(stu.name);
}

但是用webpack打包test.js成main.js在html文件中引用,new Student()报错Uncaught ReferenceError: Student is not defined

<!DOCTYPE html>
<html>
    <head>
        <script src="./dist/main.js"></script>
        <script>
            
            new Student();
        </script>
    </head>
    </body>
</html>

 

加载中
0
z
zclhlmgqzc
你的student类不是全局变量 window.Student = Student
0
z
zclhlmgqzc
既然用了webpack就不要在html写这些js了
返回顶部
顶部