Laravel 5.4どこにJavaScriptコードを書くのですか？

Question

私は本当に愚かな質問のために本当に申し訳ありませんが、私はLaravel 5.4でjsコードを書くべきか分かりません。 私のサイトには、2つの部分、ユーザーappおよび管理dashboardのための他のいずれかの1から構成されます、そして、それは私のwebpack.mix.js

mix.js('resources/assets/js/app.js', 'public/js/app.js') 
    .js('resources/assets/js/dashboard.js', 'public/js/dashboard.js') 
    .sass('resources/assets/sass/app.scss', 'public/css/dashboard.css') 
    .less('resources/assets/less/app.less', 'public/css/app.css'); 

ファイル
resources/assets/js/dashboard.js

ですので、すべての部分は、それ自身のjsとcssファイルを持っています

require('./bootstrap'); 
Vue.component('example', require('./components/Example.vue')); 

const app = new Vue({ 
    el: '#app' 
}); 

resources/assets/js/app.js

require('./bootstrap'); 
Vue.component('example', require('./components/Example.vue')); 

const app = new Vue({ 
    el: '#app' 
}); 

自分のコードはどこで書くのですか？

Answer 1

あなたresources/assets/js/フォルダ内のapp.jsまたはdashboard.jsファイルは、通常のJSファイルです。だから：例えば、直接そこ

dashboard.js

require('./bootstrap'); 
Vue.component('example', require('./components/Example.vue')); 

const app = new Vue({ 
    el: '#app' 
}); 

$(document).ready(function() { 
    ///Your code here 
}); 

をあなたのコードを追加することができますしかし、あなたのHTMLファイルにパブリックフォルダ内のjsファイルを含めることを忘れないでください。

プロジェクトでVueJSを使いたくない場合は、完全に削除することができます。

dashboard.js

require('./bootstrap'); 

$(document).ready(function() { 
    ///Your code here 
}); 

Answer 2

admin.jsとfront.jsのように2つのファイルを作成する必要があります。別のJSファイルとしてpublic/jsディレクトリにコンパイルより：

mix.webpack('resources/assets/js/admin.js', 'public/js/admin.js') 
.webpack('resources/assets/js/front.js', 'public/js/front.js') 

やレイアウトで別々にそれを使用。あなたのadmin.jsファイルの例では

：

window.jQuery = window.$ = require('./jquery-3.1.1.js'); 
require('./bootstrap'); 
require('./bootstrap-tagsinput'); 
require('./bootstrap-progressbar'); 
require('./custom.js'); 
require('./jquery.nestable.js'); 
require('./canvas-to-blob'); 
require('./purify'); 
require('./bordercoloranimate'); 
window.sweetAlert = require('./sweetalert.min.js');