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

Question

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

npm install bootstrap

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

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

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

npm run build

我得到了一个原生的mac app＆＃34; myApp.app＆＃34;，但是当我打开它时，我看不到这些风格。

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

我在这里缺少一步吗？

修改

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

Answer 1

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

  

npm install bootstrap --save

我不是电子英雄：我现在正在使用fs-jetpack开展一个项目。我从fs-jetpack删除了project.json条目，并使用electron-packager进行了OSX构建。在发布时，我得到了一个关于缺少“fs-jetpack”的脚本错误。从中我得出结论，打包器使用'package.json`来知道包含什么。也许我错了？我有“--prune = true”作为一个打包机参数。也许没有它包含一切？

另外，我很惊讶这条线适合你：

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

但是你可能正在使用不同的文件夹结构，其中index.html文件不在app目录中？