在app.js中包含自定义JavaScript

Include custom JavaScript in the app.js

本文关键字:自定义 JavaScript 包含 app js      更新时间:2023-09-26

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

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

该要求仅适用于已发布的包和使用节点安装,但我想知道是否有一种方法包括自定义js在这个文件中,以便在我的应用程序中只有一个内置脚本(在这种情况下app.js脚本)。

将脚本添加到'resources'assets'js'

(ex: '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');

只需在resources/assets/js中添加脚本,然后运行gulp将所有脚本编译到app.js中查看更多信息

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

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

默认情况下,构建文件将放在public/js/all.js中。

您可以通过将上面的示例修改为如下内容来定制该目录

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