javascript - 使用 Grunt 命令后,dist 文件夹中缺少 Bootstrap.js

标签 javascript twitter-bootstrap gruntjs yeoman

我正在使用 Yeoman 搭建一个项目,最近遇到了一个问题。当我在命令行上使用 grunt 命令来制作项目的分发版本时,它会修改我的 index.html 并删除 bootstrap.min.js 脚本。其他一切都保持不变,只是由于某种原因删除了那一行代码。

有人知道问题出在哪里吗?

最佳答案

在 webapp 生成器中,所有 bootstrap.js 文件都连接到 plugins.js 文件中。

如果您查看 index.html 文件(在应用程序文件夹中),您应该会看到我在此处添加的代码块

注意 build:js script/plugins.js - 这就是告诉 grunt 将文件连接到 plugins.js 文件中的内容

如果愿意,您可以将该行中的plugins.js 重命名为 bootstrap.min.js

    <!-- build:js scripts/plugins.js -->
    <script src="../bower_components/headroom/headroom.js"></script>
    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/modal.js"></script>
    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/tab.js"></script>

    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/affix.js"></script>
    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/alert.js"></script>
    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/dropdown.js"></script>
    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/tooltip.js"></script>
    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/transition.js"></script>
    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/button.js"></script>
    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/popover.js"></script>
    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/carousel.js"></script>
    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/scrollspy.js"></script>
    <script src="../bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/collapse.js"></script>

    <!-- endbuild -->

关于javascript - 使用 Grunt 命令后,dist 文件夹中缺少 Bootstrap.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28272899/

相关文章:

javascript - 如何预解析 JSON 字符串?

jquery - 为什么不能覆盖 Bootstrap 按钮上的 CSS 背景颜色?

html - 文本框重叠标签

javascript - Grunt Uglify 在 ES6 上失败...

javascript - 动态更新 Grunt 配置字段

javascript - AngularJS - 如何在使用 $resources 时保留 UI 状态

javascript - 如何在 Monaco Editor 中设置多行规则

javascript - 如何在新选项卡中打开页面(谷歌浏览器问题)

css - Bootstrap - Div 显示在导航栏下方,而不是导航栏右侧

javascript - grunt.registerTask 不能修改全局的 grunt 任务设置