使用节点js的Bootstrap和Jquery

Bootstrap and Jquery with node js

本文关键字：Bootstrap Jquery js 节点更新时间：2023-09-26

我想知道当我运行这两个命令时：

npm install jquery
npm install boostrap

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

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

在我的index.ejs文件中，我需要放一个指向jquery文件或css文件的链接吗？或者我可以直接使用这些库吗？

如果没有，有人能给我配置，我需要使用引导与npm。

我建议您对这类东西使用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

要想弄清楚，请看一下这个。

希望它能帮助你。谢谢

还有一个名为bootstrap-css的预构建引导程序包。我认为最好使用来将事情最小化，而不是安装不需要的.less文件。

bower install bootstrap-css

谢谢。。。。

对于Jquery，是的，你可以在这里查看Node部分，你会发现说明：https://www.npmjs.com/package/jquery

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

但对于bootstrap，我认为您应该将从npm下载的css和js文件（您可以在node_modules目录中找到它们）直接包含到网页中，因为bootstrap实际上不是一个包，而是一个css框架。