Не удалось найти ссылку на класс из связанного файла Webpack - PullRequest
Новая
       10

Не удалось найти ссылку на класс из связанного файла Webpack

1 голос
/ 22 апреля 2020

Я довольно новичок в разработке веб-пакетов и внешнего интерфейса.

У меня есть файл JS, который имеет несколько классов, эти классы будут использоваться другими файлами JS.

проблема заключается в том, что когда я непосредственно добавляю JS файл в тег Script и проверяю в консоли браузера, я могу правильно получить класс, но когда я запускаю Webpack и проверяю с помощью связанного кода, я не могу найти ссылку на класс

Ниже приведен фрагмент кода теста:

main. js

class Human1 {
    constructor(params) {
        this.name = params.name
    }

    getName(){
        console.log(`My name is ${this.name}`);
    }
}

JS файл, используемый для веб-пакета (создан новый JS, так что чтобы избежать объявления имени класса повторно) 

class Human2 {
    constructor(params) {
        this.name = params.name
    }

    getName(){
        console.log(`My name is ${this.name}`);
    }
}

webpackConfig. js: 

const path = require('path');

module.exports = {
    entry: './human.js',
    mode: 'none',   
    target: "web",
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    },
};

Index. html

<!DOCTYPE html>
<html>
<head>
    <title>titlefdf</title>
</head>
<body>
    <script type="text/javascript" src="./bundle.js"></script>
    <script type="text/javascript" src="./main.js"></script>
    <h2> Welcome </h2>
</body>
</html>

Когда файлы загружены в html. В окне консоли я получаю Human1, но для Human2 я получаю Uncaught ReferenceError: Human2 is not defined.

Любая причина, что я делаю не так

1 Ответ

0 голосов
/ 25 апреля 2020

Вы можете сделать это, выставив его как библиотеку. Вот ссылка ссылка

...