我如何处理通过 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

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

有没有更好的办法？

Answer 1

由于它的扁平树依赖关系，您应该改用 bower，npm 用于服务器端。此外，您不必更改您的模块，直接将您的 bower_components/bootstrap/dist/css/bootstrap.css 链接到您的项目。

bower install --save bootstrap