Question

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

任何人都知道问题是什么？

Answer 1

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

如果你查看你的index.html文件（在app文件夹中），你应该看到我在这里添加的代码块

注意 build：js scripts / 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 -->

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

1 个答案: