node.js - 如何在电子应用程序中正确包含 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_modulesand之外的唯一文件package.json是：main.jsand index.htmland 两者都在根目录中。

这里有我遗漏的步骤吗？

编辑

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

Answer 1

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

npm install bootstrap --save

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

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

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

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