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

在视图中我从公共文件夹

加载了app.js.

我有的其他问题是，如果我想根据我使用的html视图加载一些不同的脚本，我怎样才能在app.js中为它配置它们？

示例：

我有test1.js和test2.js。我想在view1.html中加载test1.js，在view2.html加载test2.js。我怎么能这样做？

由于

Answer 1

正如文档所说：https://laravel.com/docs/5.4/structure

公共目录

公共目录包含index.php文件，该文件是条目   指向进入您申请的所有申请。这个目录也是   容纳您的资产，如图像，JavaScript和CSS。

Javascript文件必须存储在公共目录中，在知道这一点后，可能的正确路径之一是：

app/public/js/compiled/app.js

您可以在这样的视图中包含JavaScript文件：

<script type="text/javascript" src="{{ asset('js/compiled/app.js') }}"></script>

Laravel 5.4准备与Vue.js一起使用，默认情况下你需要在你的资源文件夹上有你的js文件，在编译它们之后它们将在公共文件夹中输出。

如果你正在使用另一个JS框架你需要指出已编译的JS文件的路径，它应该指向公共文件夹。

Answer 2

Documentation回答了您的问题：

默认情况下，Laravel webpack.mix.js文件会编译您的SASS和resources / assets / js / app.js文件。在app.js文件中，您可以注册Vue组件，或者，如果您更喜欢不同的框架，则可以配置您自己的JavaScript应用程序。您编译的JavaScript通常会放在public / js目录中。

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

2 个答案: