javascript - Laravel 5.4 - 编写和使用多个脚本

Question

我想知道在 Laravel 5.4 中我应该在哪里编写 js 文件，以便在此文件之后进行编译。

示例:

我想创建一个带有 console.log('Hello World) 的 test.js 文件。我在哪里创建这个文件？我是否将其放入 resources/assets/js/app.js 文件夹中？

我的示例代码:

文件夹resources/assets/js/app.js:

require('./bootstrap');
require('./normalscripts/test');
window.Vue = require('vue');

/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */

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

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

在resources/assets/js/normalscripts/test中我放入console.log('WORKS');

在 View 中我从公共(public)文件夹加载了 app.js

我的另一个问题是，如果我想根据我正在使用的 html View 加载一些不同的脚本，我如何在 app.js 中配置它们？

示例:

我有 test1.js 和 test2.js。我想在 view1.html 中加载 test1.js 并在 view2.html 中加载 test2.js。我怎样才能做到这一点？

谢谢

Answer 1

Documentation回答你的问题:

By default, the Laravel webpack.mix.js file compiles your SASS and the resources/assets/js/app.js file. Within the app.js file you may register your Vue components or, if you prefer a different framework, configure your own JavaScript application. Your compiled JavaScript will typically be placed in the public/js directory.