代码之家 › 专栏 › 技术社区 › joshmoto

bootstrap 4使用codekit 3编译javascript供应商错误

codekit bootstrap-4 compiler-errors jquery

joshmoto · 技术社区 · 8 年前

我对如何编译东西有点老掉牙了。我还在用 codekit 而不是NPM,Grunt等。我不擅长终端。

不管怎样…我可以从我的 Bootstrap 4 repo 是的。但是当我试图编译javascript供应商时,我得到了一个错误。这是一个简单的错误,但如果有人能发出一些光,那将是伟大的!

下面是我如何将所有的bootstrap js供应商编译成 main.js javascript文件。我没有包含jquery,因为我通常会将最新的cdnjquery内联。

// 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 观看和编辑。

我可以很好地编译它,而不必缩小它。但是当我缩小它的时候,我认为它使用了信息中的丑元素,这就是 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调试器中得到这个错误…

所以是的,它的球是正确的。

1 回复 | 直到 8 年前

joshmoto 8 年前

我终于找到了一个主要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);