【问题标题】:Why we overriding the bootstrap in bower.json为什么我们覆盖 bower.json 中的引导程序
【发布时间】:2018-04-27 11:05:08
【问题描述】:

我在包含引导程序时遇到了一些问题。为什么我们试图用引导程序覆盖 bower.json?这是代码

"overrides": {
    "bootstrap": {
      "main": [
        "dist/js/bootstrap.js",
        "dist/css/bootstrap.css",
        "less/bootstrap.less"
      ]
    }
  }

覆盖有什么用?这是正确的方法吗?

我发现的其他方式是包含在样式表中,例如@import "../../bower_components/file"。但这不是一个好习惯。

还有其他方法可以包含吗?

【问题讨论】:

    标签: css twitter-bootstrap bower


    【解决方案1】:

    您可以使用配置的directory 属性来更改保存所有内容的路径: https://bower.io/docs/config/

    .bowerrc

    {
        "directory": "assets/vendors",
    }
    

    这样您就可以在 CSS 中包含引导程序,如下所示

    @import '../vendor/bootstrap/dist/bootstrap.css'
    

    假设你的文件结构类似于这个:

    /assets/css/styles.css
    /assets/js/scripts.js
    /assets/vendors/bootstrap
    

    【讨论】:

    • 我不想在 CSS 中导入文件,我的 bootstrap 包在 bower_components/bootstrap 中。 '.bowerrc' 对我来说是全新的。还有其他方法吗?
    • 您期望的目标是什么?通过link 和script 标签包含bootstrap 的CSS 和JS,或者你的意图是什么?
    • 当我包含其他包时,我只是注入到模块中,但是对于引导它不起作用,我们必须覆盖bower.json。我如何注入bootstrap 包?为什么我们要覆盖 bower.json 中的 bootstrap 包?
    猜你喜欢
    • 2021-04-18
    • 1970-01-01
    • 2016-12-26
    • 1970-01-01
    • 2014-05-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多