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文件中使用的代码吗?