Laravel 5.4哪裏寫javascript代碼？

我是絕對愚蠢的問題真的很抱歉，但我不明白的地方，我應該在Laravel 5.4編寫js代碼。我的網站將包括兩個部分，一個用於用戶app和另一個用於聯繫dashboard，每個部分都會有自己的js和css文件，所以這是我的webpack.mix.jsLaravel 5.4哪裏寫javascript代碼？

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

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' 
});

我在哪裏寫我自己的代碼？

來源

2017-02-20 Heidel

你要什麼代碼？擁有Vue組件？ VanillaJS？ jQuery的？ – Sebastian

我不知道什麼是Vue，我從來沒有用過它。我想添加jQuery代碼。 – Heidel

在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 
});

但是不要忘了在公用文件夾的JS文件包括到你的HTML文件。

如果你不想在你的項目中使用VueJS你完全可以將其刪除。

dashboard.js

require('./bootstrap'); 

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

來源

2017-02-20 16:09:58 Sebastian

我從'resources/assets/js/dashboard.js'中刪除了所有代碼並添加了'$（document）.ready（function（）{alert（1）;}）;'然後'npm run dev'，但什麼也沒發生後，代碼不工作，'dashboard.js'含有大量的其他代碼，但不是我的。 – Heidel

額外的代碼來自你所需要的引導文件。您是否將儀表板js文件添加到您的HTML代碼中，如下所示：''？ – Sebastian

它看起來像我有緩存的問題，我使用F5更新文件後，一切正常。 – Heidel

-2

您應該創建2個文件，例如： admin.js和front.js。比編譯它在public/js目錄作爲單獨的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');

來源

2017-02-20 16:08:07 Buglinjo

Laravel 5.4哪裏寫javascript代碼？

回答

相關問題