Правильно ли я подключаю jquery-библиотеки в Laravel mix?

Question

[Konstantin Eliseev]

app.js грузится на всех страницах
а create.js или profile.js дополнительно подгружаются только на тех, которые мне нужны.

1) Подскажите, правильно ли я использую mix?
2) Не заставляет ли строка import $ from 'jquery' - второй раз подключать jquery?

app.js
window.$ = window.jQuery = require('jquery');

profile.js

import $ from 'jquery';
window.$ = window.jQuery = $;

require('jquery-mask-plugin');

$(document).ready(function(){
    $('#phone').mask('[phone]');
});

create.js

import $ from 'jquery';
window.$ = window.jQuery = $;
window.repeatable = require("jquery.repeatable/jquery.repeatable.js");

import 'jquery-ui/ui/widgets/datepicker.js';

$('#expires_at').datepicker();

$(function() {
	$(".form-account-warehouses-create .repeatable").repeatable();
});

webpack.mix.js

mix
    .setPublicPath('public/build')
    .setResourceRoot('/build/')
    .js('resources/js/app.js', 'js')
    .js('resources/js/profile.js', 'js')
    .js('resources/js/create.js', 'js')
    .version();

Comments

[Arman]

лара разве не к вью ближе? не пробовали альтернативу на vuejs найти?

[Konstantin Eliseev]

Arman, Скорее я пока далёк от Vue - только несколько обзоров смотрел и всё, а проект нужно реализовать в короткое время - поэтому пишу на том, что знаю. Цель - поднять быстро проект и протестировать жизнеспособность, спрос. Да и думаю для vue точно также бы встал вопрос подключения разных библиотек на разных страницах...

Answer 1

[Никита Траторов]

Рабочий вариант подключения jQuery в вашем js файле, который компилируется через mix.js будет таким:

global.jquery = global.jQuery = global.$ = require('jquery');