如何通过npm安装Bootstrap？

Question

假设我跑了

$ npm install bootstrap --save

现在我在node_modules文件夹中有一个包含Bootstrap发行版的bootstrap文件夹。我该怎么办呢？

这是我的项目的（简化）结构，一个用于撰写博客帖子的模板（https://github.com/jacquerie/portfolio-template）：

.
├── Gruntfile.js
├── css
│   └── application.css
├── index.html
├── js
│   └── application.js
├── package.json
└── node_modules
    └── bootstrap

我可以做类似

的事情

$ cp node_modules/bootstrap/dist/css/bootstrap.css css

但这看起来相当不雅，这是我不想记住的手动步骤。我可以修复后者在Gruntfile.js中使用grunt-contrib-copy为我创建一些任务，但这看起来像是黑客。

有更好的方法吗？

Answer 1

由于它的平面树依赖性，你应该使用bower，npm意味着服务器端。此外，您不必更改地点模块，直接将bower_components / bootstrap / dist / css / bootstrap.css链接到您的项目。

bower install --save bootstrap