为什么我们在bower.json中覆盖引导程序

Question

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

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

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

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

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

Answer 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