javascript - 在不使用 npm 的情况下将 laravel-echo 和 pusher-js 安装为一个简单的 js 文件

Question

要在 laravel 5.3 中接收广播通知，我需要将 laravel-echo 和 pusher-js 文件包含到我的 blade 模板中。

我知道可以通过 npm 包管理器实现，正如 official laravel docs 中所解释的那样像这样:

npm install --save laravel-echo pusher-js 

然后在 resouces/assets/js/app.js 文件中像这样导入它:

import Echo from "laravel-echo"

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: 'your-pusher-key-here'
});

但是我有一个简单的 js 文件，我所有的脚本都在里面，我没有在我的项目中使用 npm，我所有的 javascript 文件都是 .js。

我去了laravel-echo github page 但我没有找到任何可以在我的页面中使用的 js 格式的文件。

除了 npm 之外，还有其他方法可以包含 laravel-echo 吗？

更新:

我发现上面的代码是基于Typescript的。我不熟悉Typescript。只有我知道它可以编译成纯 javascript 文件。我正在寻找 laravel-echo 作为一个 js 文件，我可以将它包含到我的页面并使用包含的函数和方法。有可能吗？

Answer 1

我不知道这是否真的可能，但我和你有同样的问题。我正在将我的 .js 文件放入公用文件夹中。当我尝试添加 echo 时，一切都出错了。所以，这是我的解决方案，但您仍然需要使用 npm。

1. 我把我的 .js 文件移动到 resources\assets\js
   
2. 打开 resources\assets\js\app.js 并添加 require(./filename.js);
   
3. 运行 npm install
   
4. 运行 npm run dev
   
5. 将指向新 app.js 文件的链接更改为我的布局。

这样我就设法将一个 js 文件保存到我的代码中并使用 laravel-echo。

也许还有其他解决方案，但我没有尝试过。

1. 开始一个新的 laravel 项目
2. 运行 npm install
3. 按照以下方式修改webpack.mix.js:

mix.js('resources/assets/js/app.js', 'public/js').extract(['echo']);

1. 将 public/js/vendor.js 文件复制到您的实际项目中。
   

理论上，这就是脚本回显需要发挥作用的全部。在这一点上，我认为您需要修改/删除一些行以使其在没有 webpack 初始化的情况下工作。