Bower,Grunt,Bootstrap,Jquery和JavaScript错误

时间:2016-02-07 05:25:35

标签: jquery twitter-bootstrap gruntjs bower

我是Bower和Grunt的新手,我正在努力将其整合到我的工作流程中。

我已经安装了Bower的Bootstrap,我已经安装了grunt-bower-concat grunt任务,用于连接我的Bower组件并在我的src文件夹中部署一个js / css文件。

这一切都有效;但是,在引用我生成的_bower.js之后,我在控制台中看到了“Bootstrap的JavaScript需要jQuery”。看看有问题的代码,我可以看到它抱怨因为typeof(jQuery)=== undefined。

据我所知,jQuery已在此文件的前面定义 - 所以我不确定它为什么抱怨。

我做错了什么?

2 个答案:

答案 0 :(得分:0)

尝试了解您为uglify提供的js文件的依赖关系和顺序。

Bootstrap的js文件需要jQuery作为它的依赖,所以将jQuery.js放在bootstrap.js之前。使用此解决方案,您将解决#### Bootstrap的问题JavaScript需要jQuery ####。 在gruntfile.js中,将jQuery放在bootstrap js文件之前,因为jQuery是bootstrap的依赖!

答案 1 :(得分:0)

如果您不熟悉将所有这些元素集成在一起,我认为您面临的最大潜在问题是设置您的Gruntfile并确定您通过Bower管道的哪些元素以及哪些元素仍在项目的src中某处。

我实际上设置了Repo专门用于与Bower,Grunt和Bootstrap合作。