如何在电子应用程序中正确包含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安装bootstrap吗？

Answer 1

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

npm install bootstrap --save

我不是电子英雄:我碰巧正在研究一个项目fs-jetpack.我fs-jetpack从my中删除了条目project.json并使用了OSX构建electron-packager.在发布时,我得到了一个关于缺少"fs-jetpack"的脚本错误.从中我得出结论,打包器使用'package.json`知道要包含什么.也许我错了？我有"--prune = true"作为一个打包机参数.也许没有它包含一切？

此外,我很惊讶这条线适合你:

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

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