Laravel 5.4 - написание и использование нескольких скриптов

Question

Laravel 5.4 - написание и использование нескольких скриптов

1

Я хочу знать, где я должен написать свои js файлы в Laravel 5.4 для компиляции после этих файлов.

Пример:

Я хочу создать файл test.js с помощью console.log('Hello World). Где я создаю этот файл? Я поместил его в папку resources/assets/js/app.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. Как я могу это сделать?

Спасибо

Aceconhielo 21 июль 2017, в 14:30

Источник

0

Я следую документации и не могу сделать пример, который я описал выше
Aceconhielo 21 июль 2017, в 12:12

Теги:

javascript

laravel-5

assets

2 ответа

Ещё вопросы

Я следую документации и не могу сделать пример, который я описал выше

Troyer · Answer 1 · 2017-07-21T09-46-00.000Z

Как говорится в документах: https://laravel.com/docs/5.4/структура

Общественный справочник

Общий каталог содержит файл 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 файлов, она должна указывать на общую папку.

Да, но я хочу скомпилировать мои js-файлы из resources / assets / js / app.js. Сгенерированный файл - это app.js, который будет находиться в общем каталоге.
@Aceconhielo Вам нужно настроить JS-фреймворк, чтобы указать путь, по которому вы хотите разместить скомпилированный js, он должен быть в общей папке :)
хорошо, но webpack.mix.js делает это, я думаю, с помощью строки mix.js ('resources / assets / js / app.js', 'public / js')
@Aceconhielo Вы можете прочитать об этом там: github.com/JeffreyWay/laravel-elixir-webpack-official

Philipp Sander · Answer 2 · 2017-07-21T09-22-00.000Z

Документация отвечает на ваш вопрос:

По умолчанию файл Laravel webpack.mix.js компилирует ваш SASS и файл resources/assets/js/app.js. В файле app.js вы можете зарегистрировать свои компоненты Vue или, если вы предпочитаете другую структуру, настройте свое собственное приложение JavaScript. Скомпилированный JavaScript, как правило, помещается в каталог public/js.