Laravel смешать ваниль-JS и Vue в одном файле - PullRequest
Новая
       9

Laravel смешать ваниль-JS и Vue в одном файле

0 голосов
/ 15 марта 2019

Я пытался потребовать () внешний файл vanilla.js с чистым кодом JavaScript в моем файле vue-app. Код был в веб-пакете всегда в конце финального файла onefile.js. Вызвать методы vanilla.js не получалось даже с помощью функции vue mount ().

Все работало нормально, включая vanilla.js, например 

<script src="vanilla.js"></script>
<script src="vue.js"></script>

Но мне нравится иметь один файл onefile.js вместо двух скриптов. Мое решение было 

mix.js('resources/js/vue.js', 'public/js/onefile.js')
 .babel(['resources/js/vanilla.js','public/js/onefile.js'], 'public/js/onefile.js');

МОЙ ВОПРОС:

Есть ли способ require () или включить 'vanilla.js' в мой файл vue.js, который держит его сверху / в начале, вместо того, чтобы перемещать его в конец скомпилированного файла onefile.js?

vanilla.js начинается как: 

(function (root, factory) {
    if (typeof define === 'function' && define.amd) {
        define(factory);
    } else if (typeof exports === 'object') {
        module.exports = factory();
    } else {
        root.libName = factory();
    }
})(this, function () {
    var construct = (function () { ...

vue.js начинается как: 

require('resources/js/vanilla.js'); 
let Vue = require('vue');
let app = new Vue( { ...
...