如何在Laravel刀片文件中有条件地Webpack混合Vue应用

Question

我只想根据用户类型编译选定的文件。我在resource / js中有一个不同的vue实例文件，我只想混合其中之一。目前，我正在这样做

@if(Auth::user())
<script defer src="{{ mix('js/app.js') }}"> 
@else
<script defer src="{{ mix('js/guestApp.js') }}"> 
@endif

但是它需要公用文件夹而不是资源的路径。我该如何实现？我可以混合刀片中的resources / js / app.js文件吗？

Answer 1

我找到了解决方案，它是有条件地使用js文件

@if(Auth::user())
<script src="{{ asset('js/app.js') }}" defer></script>
@else
<script src="{{ asset('js/guestApp.js') }}" defer></script>
@endif

然后针对不同的用户类型使用不同的Vue应用- “ resources / js / Guest / app.js”

然后在我的webpack中一次编译所有内容

mix.js('resources/js/Guest/app.js', 'public/js/guestApp.js')
.js('resources/js/app.js', 'public/js/app.js')
.sass('resources/sass/app.scss', 'public/css');