Bootstrap 4 ошибка компиляции поставщиков javascript с использованием Codekit 3
Я немного придерживаюсь старой школы в том, как компилировать вещи. Я все еще использую кодекит, а не npm, grunt и т. д. Я плохо разбираюсь в терминале.
В любом случае ... Я могу нормально скомпилировать файлы SCSS из моего Репозиторий Bootstrap 4. Но я получаю сообщение об ошибке, когда пытаюсь скомпилировать поставщиков javascript. Это простая ошибка, но если бы кто-нибудь мог пролить свет, было бы здорово!
См. Ниже, как я скомпилировал всех своих поставщиков js начальной загрузки в файл javascript main.js. Я не включил 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!");
});
Поэтому, когда я запускаю этот блок кода, используя Кодекит 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)
Что-то сломано, или этот новый Бутстрап 4 требует jquery в скомпилированном файле?
Любая помощь будет очень признательна, поскольку у меня нет этой проблемы с bootstrap 3.
Я просто попытался использовать неминифицированный файл сценария и получил эту ошибку в отладчике Chrome ...
Так что да, это правильно.
Ответы 1
Я наконец нашел решение моей основной проблемы с компиляцией файла 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);