Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带节点js的Bootstrap和Jquery_Javascript_Jquery_Css_Node.js_Twitter Bootstrap - Fatal编程技术网

Javascript 带节点js的Bootstrap和Jquery

Javascript 带节点js的Bootstrap和Jquery,javascript,jquery,css,node.js,twitter-bootstrap,Javascript,Jquery,Css,Node.js,Twitter Bootstrap,我想知道当我运行这两个命令时: npm install jquery npm install boostrap 然后在package.json文件中添加这两个依赖项。 而不是我的app.js文件中的代码 var$=require('jquery'); var bootstrap=require('bootstrap') 在index.ejs文件中,我是否需要放置指向jquery文件或css文件的链接,或者我可以直接使用这些库 如果没有,请有人提供我使用npm引导所需的配置。对于Jquery,是

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

npm install jquery
npm install boostrap
然后在package.json文件中添加这两个依赖项。 而不是我的app.js文件中的代码

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

在index.ejs文件中,我是否需要放置指向jquery文件或css文件的链接,或者我可以直接使用这些库


如果没有,请有人提供我使用npm引导所需的配置。

对于Jquery,是的,您可以查看此处的节点部分,您可以找到说明:

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

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

我建议您使用这类文件,因为它们将作为静态文件使用。需要一个平面依赖关系树,因此很容易管理依赖关系冲突(即多个jquery文件)

要安装bower,请执行以下操作:

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
的预构建bootstrap-bower包。我认为最好是尽量少用,不要安装不需要的
。更少的
文件

bower install bootstrap-css

谢谢……

谢谢,非常感谢。你能告诉我你在app.js文件中使用的代码吗?