带有节点 js 的 Bootstrap 和 Jquery答案

【问题标题】：Bootstrap and Jquery with node js带有节点 js 的 Bootstrap 和 Jquery
【发布时间】：2016-08-26 13:20:25
【问题描述】：

我想知道我何时运行这 2 个命令：

npm install jquery
npm install boostrap

比我在 package.json 文件中添加两个依赖项。比在我的 app.js 文件中编码

var $ = require('jquery'); var bootstrap = require('bootstrap');

我需要在我的 index.ejs 文件中添加指向 jquery 文件或 css 文件的链接，还是可以直接使用这些库？

如果没有，有人可以提供我需要在 npm 中使用 bootstrap 的配置。

【问题讨论】：

【解决方案1】：

我建议你使用bower 来处理这类东西，因为它们将作为静态的。 Bower 需要一个扁平的依赖树，所以很容易管理依赖冲突（即多个 jquery 文件）。

安装凉亭：

npm install -g bower

使用 bower 安装引导程序：

bower install bootstrap --save

Bootstrap 有 jquery 因为它是依赖项，所以它会被安装，你不需要单独安装它。

查看已安装包的路径：

bower list --path

现在将这些路径添加到您的 index.ejs 文件中。目前您将看到 bootstrap.less 路径。要添加 bootstrap.css 路径，您必须手动找到它。我认为它在：

bower_components/bootstrap/dist/css/bootstrap.css

要了解清楚，请查看this。

希望对您有所帮助。谢谢！！

【讨论】：

【解决方案2】：

还有一个名为bootstrap-css 的预构建引导凉亭包。我认为最好使用保持最小化而不安装不需要的.less 文件。

bower install bootstrap-css

谢谢....

【讨论】：

【解决方案3】：

对于 Jquery ，是的，您可以，请参阅此处的 Node 部分，您会找到说明： https://www.npmjs.com/package/jquery

或者你可以只声明脚本文件。

但是对于bootstrap，我认为你应该将从npm下载的css和js文件（你会在node_modules目录中找到它们）直接包含到网页中，因为bootstrap并不是一个真正的包，它是一个css框架.

【讨论】：