时间戳

首页 > 解决方案 > 使用 Webpack 后出现 ReferenceError？

javascript - 使用 Webpack 后出现 ReferenceError？

问题描述

这是的内容app.js：

function hi()
{
  alert('Hi');
}

将它与 webpack* 捆绑后，我得到一个大文件app-min.js。

如果我现在创建一个像这样的普通 html：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Test</title>
        <script src="/js/app-min.js" defer></script>
    </head>
    <body>        
        <script>
        window.addEventListener('DOMContentLoaded', function() {

            hi();
        });      
        </script>
    </body>
</html>

然后我收到以下错误：

ReferenceError: hi is not defined

我仔细检查了路径是否/js/app-min.js存在。那么为什么我无法访问该功能？或者，我怎样才能访问它？

.* 我实际上在 webpack 上使用了 laravel-mix。我就是这样使用它的：

const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js/app-min.js')

标签： javascriptwebpacklaravel-mix

解决方案

推荐阅读