Bootstrap 4 компилирует ошибку поставщиков javascript с использованием Codekit 3

Я немного старомоден в том, как компилирую материал. Я все еще использую codekit, а не npm, grunt и т. д. Я плохо разбираюсь в терминале.

В любом случае... Я могу скомпилировать файлы SCSS из моего репозитория Bootstrap 4. Но я получаю сообщение об ошибке, когда пытаюсь скомпилировать поставщиков javascript. Это простая ошибка, но если кто-нибудь может пролить свет, это было бы здорово!

Посмотрите ниже, как я скомпилировал всех своих поставщиков начальной загрузки js в свой файл main.js javascript. Я не включил jQuery из-за старых привычек. Я обычно устанавливаю последнюю версию CDN jQuery.

// bootstrap 4 core js
// @codekit-prepend "js/src/alert"
// @codekit-prepend "js/src/button"
// @codekit-prepend "js/src/carousel"
// @codekit-prepend "js/src/collapse"
// @codekit-prepend "js/src/dropdown"
// @codekit-prepend "js/src/index"
// @codekit-prepend "js/src/modal"
// @codekit-prepend "js/src/tooltip"
// @codekit-prepend "js/src/popover"
// @codekit-prepend "js/src/scrollspy"
// @codekit-prepend "js/src/tab"
// @codekit-prepend "js/src/tooltip"
// @codekit-prepend "js/src/util"

// my shizzle
(function ($) {

  alert("WTF!");

});

Поэтому, когда я запускаю этот блок кода, используя Codekit 3 для просмотра и компиляции.

введите здесь описание изображения введите здесь описание изображения

Я могу скомпилировать его без минимизации. Но когда я минимизирую его, я думаю, что он использует UglifyJS (я думаю) из сообщения, и это error, которое я получаю...

UglifyJS minification failed with this error: Parse error at /Users/joshmoto/Sites/joshmoto.wtf/development/assets/.codekit-cache/alert.js:1,7
import $ from 'jquery'
       ^
SyntaxError: Unexpected token: name ($)
    at JS_Parse_Error.get (eval at <anonymous> (/Applications/CodeKit.app/Contents/Resources/engines/node_modules/uglify-js/tools/node.js:27:1), <anonymous>:86:23)
    at /Applications/CodeKit.app/Contents/Resources/engines/node_modules/uglify-js/bin/uglifyjs:384:40
    at time_it (/Applications/CodeKit.app/Contents/Resources/engines/node_modules/uglify-js/bin/uglifyjs:620:15)
    at /Applications/CodeKit.app/Contents/Resources/engines/node_modules/uglify-js/bin/uglifyjs:345:9
    at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:511:3)

Что-то сломалось, или этот новый Bootstrap 4 требует jquery в скомпилированном файле?

Любая помощь будет очень признательна, так как у меня нет этой проблемы с начальной загрузкой 3.

Я только что попытался использовать не минимизированный файл сценария, и я получаю эту ошибку в отладчике Chrome...

введите здесь описание изображения

Так что да, это правильно.


compiler-errors jquery bootstrap-4 codekit
person joshmoto    schedule 04.07.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Наконец-то я нашел решение моей основной проблемы с компиляцией файла javascript.

Единственный способ, которым я мог получить файл для компиляции, - это сделать это...

/**
 ** Bootstrap 4 Core JS
 **/
// @codekit-prepend "vendor/jquery-3.3.1"
// @codekit-prepend "vendor/popper.min"

// @codekit-prepend "js/dist/alert"
// @codekit-prepend "js/dist/button"
// @codekit-prepend "js/dist/carousel"
// @codekit-prepend "js/dist/collapse"
// @codekit-prepend "js/dist/dropdown"
// @codekit-prepend "js/dist/tooltip"
// @codekit-prepend "js/dist/modal"
// @codekit-prepend "js/dist/popover"
// @codekit-prepend "js/dist/scrollspy"
// @codekit-prepend "js/dist/tab"
// @codekit-prepend "js/dist/util"

// jQuery
(function ($) {

    alert("Boom!");

})(jQuery);
person joshmoto    schedule 05.07.2018