Uncaught ReferenceError: f1 is not defined

Question

Решил освоить webpack. Установил вроде все как надо: webpack и webpack-cli. все собрал, подключил в index.html. но в браузере выдает "Uncaught ReferenceError: f1 is not defined". Чего-то я не понимаю, потому что в гайдах, которые смотрел, делают точно так же и все работает

Подключаемый модуль:

function f1(){
    alert ("f1 included!");
}

webpack.config.js:

const path = require('path')

module.exports = {
    mode: 'development',
    entry: './src/f1.js',
    output: {
        filename: 'main.js',
        path: path.resolve(__dirname, 'dist')
    }
}

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="dist/main.js"></script>        
</head>
<body>
   Test!
    <script>
        f1();
    </script>
</body>
</html>

БЛОГ НА HUSL

Uncaught ReferenceError: f1 is not defined

Ответы (0 шт):