Javascript Laravel 5.4中的scriptsIn函数在哪里?
我使用Javascript Laravel 5.4中的scriptsIn函数在哪里?,javascript,php,angularjs,laravel,Javascript,Php,Angularjs,Laravel,我使用Laravel5.3中的scriptsIn函数组合assets/js文件夹中的所有Javascript文件。我使用AngularJS 1.x框架编写具有以下结构的js文件: --resources\ -----assets\ --------js\ -----------app.js -----------controllers\ -----------------....js -----------directives\... 我在Laravel 5.3中将所有js文件与Elixir结
Laravel
5.3中的scriptsIn
函数组合assets/js
文件夹中的所有Javascript文件。我使用AngularJS 1.x框架编写具有以下结构的js文件:
--resources\
-----assets\
--------js\
-----------app.js
-----------controllers\
-----------------....js
-----------directives\...
我在Laravel 5.3中将所有js文件与Elixir结合起来:
elixir(function(mix) {
mix.sass('app.scss');
mix.scriptsIn('resources/assets/js');
});
但是,当我升级到Laravel5.4时,Elixir不受支持。取而代之的是,使用了Laravel Mix。因此,
scriptsIn
不可用。在Laravel 5.4中是否有具有相同用途的功能?如何组合所有js文件?正如我从您的评论中了解到的,您希望首先将所有js文件添加到app.js
,然后将其复制到public/app.js
。要做到这一点,有必要
我正在从示例中提取代码片段。这和过去一样简单:
let mix = require('laravel-mix');
mix.sass('src/app.sass', 'dist')
.js('src/app.js', 'public');
/src/app.Sass
编译为/public/app.Sass
/src/app.js
上的所有JavaScript(以及任何必需的模块)绑定到/public/app.js
Angularjs
方面没有太多经验,但我在Angular2
方面有一些经验,我们需要创建类并将其导出,Webpack会自动将代码块和捆绑包获取到bundle.js中
您可以看看为angularjs和Webpack提供的这些解决方案:
更新到
5.4
elixir(function(mix) {
mix.sass('app.scss');
mix.scriptsIn('resources/assets/js');
});
现在变成:
const { mix } = require('laravel-mix');
mix.sass('app.scss')
.combine('resources/assets/js');
你能解释一下
scriptsIn()
的作用吗?也许它会帮助你@PaladiN:我想将assets/js文件夹和子文件夹中的所有js文件合并到app.js中,并将其放到public/js中folder@IndreshTayal:助手中有什么功能?在Laravel
5.3中,Elixir
使用scriptsIn
函数运行gulp
命令时编译我的js文件。但是,我在Laravel5.4中找不到这个函数。阅读更多关于我使用Angularjs的文章。我将var mainApp=angular.module('mainApp',[…])
放在app.js中,并将控制器(例如,mainApp.controller('somethingCtrl',…)
放在单独的文件中。我没有任何代码将此控制器导入app.js。您知道如何在通过Laravel Mix
捆绑之前将它们放入app.js中吗?