通过NPM获取引导程序并包含到html

时间:2016-06-12 15:45:17

标签: twitter-bootstrap-3 npm bower

通常我使用 CDN (或nuget)将Bootstrap或其他客户端库包含到我的网站

最近我读到了 NPM / Bower 等现代包管理工具,并决定尝试

经过一段时间的冲浪和调查后,我现在完全感到困惑,如何下载并将bootstrap distrib css / js文件包含在我的页面中,就像它一样....

第1次尝试,我用NPM安装bootstrap,它将所有源/模块等的整个Bootstrap下载到node_module目录......好吧,我在node_modules/Bootstrap/dist找到了分发版文件夹

现在问题:

  • 我应该将node_modules/Bootstrap/dist/ css and js个文件链接到我的网站吗?
  • 如果是,我是否应该在网站上部署整个node_modules文件夹?
  • 如果不是,我知道npm包是模块化的,而bla bla bla应该包含在require("bootstrap")中,而不是其他很多问题

    • require("bootstrap")节点js还是某些oter js函数?
    • 我应该包含一些其他节点包或js文件,以使require(“bootstrap”)正常工作
    • 我应该在脚本标记的html中写require("bootstrap")?创建一些js并包含它或什么?

第二次尝试,好吧,我理解npm可能是NodeJs服务器端的包管理,并且得到了凉亭...但是它再次将相同的文件下载到另一个文件夹bower_components并再次提出相同的问题......

1 个答案:

答案 0 :(得分:1)

正如您所提到的,bower适用于此用例。按照How to change bower's default components folder?

中的说明更改bower_components目录的目标

然后像往常一样包括。不要使用require函数,因为这仅适用于nodejs服务器端。