如何向 Heroku 添加自定义 Bootstrap 主题?

How to add custom Bootstrap themes to Heroku?

我是一个菜鸟,正在构建我的第一个 Node-Angular 应用程序。我已经使用 npm 安装了 Bootstrap 并从 https://bootswatch.com/ 下载了一个自定义主题,这建议用主题 css 文件替换默认的 bootstrap.css 文件。

当应用程序在本地 运行 时,这很有效,但我怎样才能让主题在 Heroku 中工作?每次我执行 git 推送时,Heroku 运行s npm install 因此会覆盖 node_modules/bootstrap/dist/css/ 目录中的自定义 css 主题。

当通过 npm 安装 bootstrap 时,在 Heroku 中使用 Bootstrap 主题的最佳方法是什么?

将下载的 bootswatch css 文件放在主项目目录中的某处,而不是 node_modules/ 中(您可能需要创建一个 vendor/ 文件夹以将其与其他代码分开).

更改您的代码以引用 bootswatch css 文件而不是 node_modules/ 中的 css。您可以像往常一样从 node_modules/ 引用 bootstrap JS。

一般来说,您不应该修改 node_modules/ 中的文件,因为它们会被重新安装覆盖。