如何在电子应用程序中正确包含 twitter bootstrap？

Question

这是我的第一个电子应用程序，它基于快速启动应用程序。我想添加 twitter bootstrap 的 css。所以我是这样安装的：

npm install bootstrap

并像这样包含在 index.html 中：

<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">

当我从终端运行：npm start 时，它工作正常。但是，当我尝试使用这样的电子打包器构建它时：

npm run build

我有一个本地 Mac 应用程序“myApp.app”，但是当我打开它时，我看不到样式。

应用程序中除了node_modules 和package.json 之外的唯一文件是：main.js 和index.html，它们都在根目录中。

这里有没有我遗漏的步骤？

编辑

我意识到应用程序正在Resouces/app 目录中寻找css 文件。包含css文件是构建工具的责任，还是我应该手动包含它？如果我必须解决这个问题，我什至需要从 npm 安装引导程序吗？

Answer 1

检查您的package.json 文件：bootstrap 是否列为依赖项？可能不是，因为它看起来不像您使用 --save 参数：

npm install bootstrap --save

我不是 Electron 英雄：我目前正在使用 fs-jetpack 进行一个项目。我从project.json 中删除了fs-jetpack 条目，并使用electron-packager 进行了OSX 构建。在启动时，我收到一个关于缺少“fs-jetpack”的脚本错误。由此我得出结论，打包程序使用“package.json”来知道要包含什么。也许我错了？我有“--prune = true”作为打包程序参数之一。也许没有它，它包括所有内容？

另外，我很惊讶这条线对你有用：

<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">

但也许您使用的是不同的文件夹结构，其中 index.html 文件不在 app 目录中？