在 app.js 中包含自定义 JavaScript答案

【问题标题】：Include custom JavaScript in the app.js在 app.js 中包含自定义 JavaScript
【发布时间】：2017-02-08 06:41:49
【问题描述】：

我想在 app.js 文件中包含一个自定义 JavaScript，代码如下：

window.$ = window.jQuery = require('jquery')
require('bootstrap-sass');

require 仅适用于已发布的包并使用节点安装，但我想知道是否有一种方法可以在此文件中包含自定义 js，以便在我的应用程序中只有一个构建脚本（在本例中为 app.js）。 js 脚本）。

【问题讨论】：

标签： javascript laravel assets

【解决方案1】：

在\resources\assets\js\这个路径下添加你的脚本，

（例如：\resources\assets\js\scripts\my_script.js & \resources\assets\js\another_script.js）

然后，将它们添加到\resources\assets\js\app.js

require ('./scripts/my_script.js');
require ('./another_script.js');

【讨论】：

【解决方案2】：

只需在resources/assets/js 中添加您的脚本，然后运行gulp 即可将您的所有脚本编译为app.js Check this for more info

【讨论】：

【解决方案3】：

我假设您有其他不完全是 VueJs 文件的文件，并且您想构建到单个脚本中。在这种情况下，将脚本放在该文件中是不好的。但是，您可以将文件放在您的 resources/assets/js 文件夹中，并将一些代码添加到您的 gulpfile.js 以将所有脚本构建到一个文件中。这是您可能需要添加的代码。

 mix.scripts([
   'filename.js',
 ]);

默认情况下，构建文件会放在public/js/all.js。

您可以通过将上面的示例修改为类似这样的方式来自定义该命令

mix.scripts([
  'filename.js
], 'path/to/file.js');

【讨论】：